From d043efe92389125a98e441251d12732a3c5df65f Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 10 Sep 2020 12:27:27 +0200
Subject: [PATCH] test the strikes extension, enable the interactive demo

---
 .../src/demos/Extensions/Strike/index.spec.js | 34 +++++++++++++++++++
 docs/src/demos/Extensions/Strike/index.vue    |  4 +--
 docs/src/links.yaml                           |  1 -
 3 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/docs/src/demos/Extensions/Strike/index.spec.js b/docs/src/demos/Extensions/Strike/index.spec.js
index 74f56923..31e421c6 100644
--- a/docs/src/demos/Extensions/Strike/index.spec.js
+++ b/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')
+    })
   })
 })
\ No newline at end of file
diff --git a/docs/src/demos/Extensions/Strike/index.vue b/docs/src/demos/Extensions/Strike/index.vue
index 983b393c..67ad7e1d 100644
--- a/docs/src/demos/Extensions/Strike/index.vue
+++ b/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>
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index fc7b28a8..35970fcd 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -164,7 +164,6 @@
         #   draft: true
         - title: Strike
           link: /api/extensions/strike
-          draft: true
         # - title: TableCell
         #   link: /api/extensions/table-cell
         #   draft: true