Merge branch 'main' of https://github.com/ueberdosis/tiptap-next into main

docs/src/demos/Extensions/HardBreak/index.spec.js

@@ -1,5 +1,30 @@
 context('/api/extensions/hard-break', () => {
   beforeEach(() => {
     cy.visit('/api/extensions/hard-break')
+
+    cy.get('.ProseMirror').window().then(window => {
+      const { editor } = window
+      editor.setContent('<p>Example Text</p>')
+    })
+  })
+
+  describe('hard-break', () => {
+    it('the button should add a line break', () => {
+      cy.get('.ProseMirror br').should('not.exist')
+      cy.get('.demo__preview button:first').click({ force: true })
+      cy.get('.ProseMirror br').should('exist')
+    })
+
+    it('the default keyboard shortcut should add a line break', () => {
+      cy.get('.ProseMirror br').should('not.exist')
+      cy.get('.ProseMirror').type('{shift}{enter}', {force: true})
+      cy.get('.ProseMirror br').should('exist')
+    })
+
+    it('the alternative keyboard shortcut should add a line break', () => {
+      cy.get('.ProseMirror br').should('not.exist')
+      cy.get('.ProseMirror').type('{meta}{enter}', {force: true})
+      cy.get('.ProseMirror br').should('exist')
+    })
   })
 })

docs/src/demos/Extensions/HardBreak/index.vue

@@ -1,5 +1,9 @@
 <template>
   <div v-if="editor">
+    <button @click="editor.focus().hardBreak()">
+      hardBreak
+    </button>
+
     <editor-content :editor="editor" />
   </div>
 </template>

docs/src/demos/Extensions/Strike/index.spec.js

@@ -1,5 +1,39 @@
 context('/api/extensions/strike', () => {
   beforeEach(() => {
     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')
+    })
   })
 })

docs/src/demos/Extensions/Strike/index.vue

@@ -14,7 +14,7 @@ import { EditorContent } from '@tiptap/vue'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-// import Strike from '@tiptap/extension-strike'
+import Strike from '@tiptap/extension-strike'
 
 export default {
   components: {
@@ -33,7 +33,7 @@ export default {
         Document(),
         Paragraph(),
         Text(),
-        // Strike(),
+        Strike(),
       ],
       content: `
           <p>This isn’t striked through.</s></p>

docs/src/docPages/api/extensions/hard-break.md

@@ -18,4 +18,4 @@ The HardBreak extensions adds support for the `<br>` HTML tag, which forces a li
 [packages/extension-hard-break/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-hard-break/)
 
 ## Usage
-<demo name="Extensions/HardBreak" highlight="13,32" />
+<demo name="Extensions/HardBreak" highlight="3-5,17,36" />

docs/src/links.yaml

@@ -133,9 +133,8 @@
         #   draft: true
         - title: Document
           link: /api/extensions/document
-        - title: Hardbreak
+        - title: HardBreak
           link: /api/extensions/hard-break
-          draft: true
         - title: Heading
           link: /api/extensions/heading
           draft: true
@@ -165,7 +164,6 @@
         #   draft: true
         - title: Strike
           link: /api/extensions/strike
-          draft: true
         # - title: TableCell
         #   link: /api/extensions/table-cell
         #   draft: true