mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-27 23:15:15 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

test: Added tests for 'Menus' example (#2052)

Browse Source
This commit is contained in:
Aron Buzinkay 2021-10-25 09:55:58 +02:00 committed by GitHub
parent 071cff2a56
commit 2447217e39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 107 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
demos/src/Examples/Menus/React/index.spec.js
View File

@ -1,7 +1,59 @@
context('/src/Examples/BubbleMenu/React/', () => {
context('/src/Examples/Menus/React/', () => {
before(() => {
cy.visit('/src/Examples/BubbleMenu/React/')
cy.visit('/src/Examples/Menus/React/')
})
// TODO: Write tests
beforeEach(() => {
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.commands.clearContent()
})
})
it('should show menu when the editor is empty', () => {
cy.get('.ProseMirror')
.focus()
cy.get('#app')
.find('#tippy-2')
})
it('should show menu when text is selected', () => {
cy.get('.ProseMirror')
.type('Test')
.type('{selectall}')
cy.get('#app')
.find('#tippy-1')
})
const marks = [
{
button: 'Bold',
tag: 'strong',
},
{
button: 'Italic',
tag: 'em',
},
{
button: 'Strike',
tag: 's',
},
]
marks.forEach(mark => {
it(`should apply ${mark.button} correctly`, () => {
cy.get('.ProseMirror')
.type('Test')
.type('{selectall}')
cy.get('#app')
.find('#tippy-1')
.contains(mark.button)
.click()
cy.get('.ProseMirror')
.find(`p ${mark.tag}`)
})
})
})

55
demos/src/Examples/Menus/Vue/index.spec.js
View File

@ -1,7 +1,56 @@
context('/src/Examples/BubbleMenu/Vue/', () => {
context('/src/Examples/Menus/Vue/', () => {
before(() => {
cy.visit('/src/Examples/BubbleMenu/Vue/')
cy.visit('/src/Examples/Menus/Vue/')
})
// TODO: Write tests
beforeEach(() => {
cy.get('.ProseMirror').then(([{ editor }]) => {
editor.commands.clearContent()
})
})
it('should show menu when the editor is empty', () => {
cy.get('#app div')
.find('#tippy-2')
})
it('should show menu when text is selected', () => {
cy.get('.ProseMirror')
.type('Test')
.type('{selectall}')
cy.get('#app div')
.find('#tippy-1')
})
const marks = [
{
button: 'Bold',
tag: 'strong',
},
{
button: 'Italic',
tag: 'em',
},
{
button: 'Strike',
tag: 's',
},
]
marks.forEach(mark => {
it(`should apply ${mark.button} correctly`, () => {
cy.get('.ProseMirror')
.type('Test')
.type('{selectall}')
cy.get('#app div')
.find('#tippy-1')
.contains(mark.button)
.click()
cy.get('.ProseMirror')
.find(`p ${mark.tag}`)
})
})
})