test the strikes extension, enable the interactive demo
This commit is contained in:
@@ -1,5 +1,39 @@
|
|||||||
context('/api/extensions/strike', () => {
|
context('/api/extensions/strike', () => {
|
||||||
beforeEach(() => {
|
beforeEach(() => {
|
||||||
cy.visit('/api/extensions/strike')
|
cy.visit('/api/extensions/strike')
|
||||||
|
|
||||||
|
cy.get('.ProseMirror').window().then(window => {
|
||||||
|
const { editor } = window
|
||||||
|
editor.setContent('<p>Example Text</p>')
|
||||||
|
editor.focus().selectAll()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('strike', () => {
|
||||||
|
it('the button should strike the selected text', () => {
|
||||||
|
cy.get('.demo__preview button:first').click({ force: true })
|
||||||
|
cy.get('.ProseMirror').contains('s', 'Example Text')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('the button should toggle the selected text striked', () => {
|
||||||
|
cy.get('.demo__preview button:first').dblclick({ force: true })
|
||||||
|
cy.get('.ProseMirror s').should('not.exist')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('the keyboard shortcut should strike the selected text', () => {
|
||||||
|
cy.get('.ProseMirror').type('{meta}d', {force: true})
|
||||||
|
cy.get('.ProseMirror').contains('s', 'Example Text')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('the keyboard shortcut should toggle the selected text striked', () => {
|
||||||
|
cy.get('.ProseMirror').type('{meta}d', {force: true}).type('{meta}d', {force: true})
|
||||||
|
cy.get('.ProseMirror s').should('not.exist')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should make a striked text from the markdown shortcut', () => {
|
||||||
|
cy.get('.ProseMirror')
|
||||||
|
.type('~~Strike~~', {force: true})
|
||||||
|
.contains('s', 'Strike')
|
||||||
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@@ -14,7 +14,7 @@ import { EditorContent } from '@tiptap/vue'
|
|||||||
import Document from '@tiptap/extension-document'
|
import Document from '@tiptap/extension-document'
|
||||||
import Paragraph from '@tiptap/extension-paragraph'
|
import Paragraph from '@tiptap/extension-paragraph'
|
||||||
import Text from '@tiptap/extension-text'
|
import Text from '@tiptap/extension-text'
|
||||||
// import Strike from '@tiptap/extension-strike'
|
import Strike from '@tiptap/extension-strike'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
@@ -33,7 +33,7 @@ export default {
|
|||||||
Document(),
|
Document(),
|
||||||
Paragraph(),
|
Paragraph(),
|
||||||
Text(),
|
Text(),
|
||||||
// Strike(),
|
Strike(),
|
||||||
],
|
],
|
||||||
content: `
|
content: `
|
||||||
<p>This isn’t striked through.</s></p>
|
<p>This isn’t striked through.</s></p>
|
||||||
|
|||||||
@@ -164,7 +164,6 @@
|
|||||||
# draft: true
|
# draft: true
|
||||||
- title: Strike
|
- title: Strike
|
||||||
link: /api/extensions/strike
|
link: /api/extensions/strike
|
||||||
draft: true
|
|
||||||
# - title: TableCell
|
# - title: TableCell
|
||||||
# link: /api/extensions/table-cell
|
# link: /api/extensions/table-cell
|
||||||
# draft: true
|
# draft: true
|
||||||
|
|||||||
Reference in New Issue
Block a user