mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 22:36:14 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

test(examples): adds more tests for tables, tasks and commands

Browse Source
This commit is contained in:
Dominik Biedebach 2022-05-12 11:29:50 +02:00 committed by Dominik
parent b7f95d638d
commit 2a9467ef34
4 changed files with 69 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
demos/src/Examples/Tables/React/index.spec.js
View File

@ -10,7 +10,6 @@ context('/src/Examples/Tables/React/', () => {
})
})
// TODO: Write tests
it('adds a table with three columns and three rows', () => {
cy.get('.ProseMirror table')
.should('exist')

1
demos/src/Examples/Tables/Vue/index.spec.js
View File

@ -10,7 +10,6 @@ context('/src/Examples/Tables/Vue/', () => {
})
})
// TODO: Write tests
it('adds a table with three columns and three rows', () => {
cy.get('.ProseMirror table')
.should('exist')

25
demos/src/Examples/Tasks/React/index.spec.js Normal file
View File

@ -0,0 +1,25 @@
context('/src/Examples/Tasks/React/', () => {
before(() => {
cy.visit('/src/Examples/Tasks/React/')
})
beforeEach(() => {
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.commands.clearContent()
})
})
it('should always use task items', () => {
cy.get('.ProseMirror input[type="checkbox"]').should('have.length', 1)
})
it('should create new tasks', () => {
cy.get('.ProseMirror').type('Cook food{enter}Eat food{enter}Clean dishes')
cy.get('.ProseMirror input[type="checkbox"]').should('have.length', 3)
})
it('should check and uncheck tasks on click', () => {
cy.get('.ProseMirror').type('Cook food{enter}Eat food{enter}Clean dishes')
cy.get('.ProseMirror').find('input[type="checkbox"]').then(console.log)
})
})

44
demos/src/Experiments/Commands/Vue/index.spec.js Normal file
View File

@ -0,0 +1,44 @@
context('/src/Experiments/Commands/Vue/', () => {
before(() => {
cy.visit('/src/Experiments/Commands/Vue/')
})
beforeEach(() => {
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.commands.clearContent()
})
})
it('should open a popup after typing a slash', () => {
const items = [
{ tag: 'h1' },
{ tag: 'h2' },
{ tag: 'strong' },
{ tag: 'em' },
]
items.forEach((item, i) => {
cy.get('.ProseMirror').type('{selectall}{backspace}/')
cy.get('.tippy-content .items').should('exist')
cy.get('.tippy-content .items .item').eq(i).click()
cy.get('.ProseMirror').type(`I am a ${item.tag}`)
cy.get(`.ProseMirror ${item.tag}`).should('exist').should('have.text', `I am a ${item.tag}`)
})
})
it('should close the popup without any command via esc', () => {
cy.get('.ProseMirror').type('{selectall}{backspace}/')
cy.get('.tippy-content .items').should('exist')
cy.get('.ProseMirror').type('{esc}')
cy.get('.tippy-content .items').should('not.exist')
})
it('should open the popup when the cursor is after a slash', () => {
cy.get('.ProseMirror').type('{selectall}{backspace}/')
cy.get('.tippy-content .items').should('exist')
cy.get('.ProseMirror').type('{leftArrow}')
cy.get('.tippy-content .items').should('not.exist')
cy.get('.ProseMirror').type('{rightArrow}')
cy.get('.tippy-content .items').should('exist')
})
})