From 5a45420a90f83ec029461c4fec045e11528a677c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 11 Mar 2020 10:00:19 +0100
Subject: [PATCH] fix tests

---
 cypress/integration/basic.spec.js |  2 +-
 src/pages/tests/Basic.vue         | 57 +++++++++++--------------------
 2 files changed, 20 insertions(+), 39 deletions(-)

diff --git a/cypress/integration/basic.spec.js b/cypress/integration/basic.spec.js
index 1d2b391c..f9754739 100644
--- a/cypress/integration/basic.spec.js
+++ b/cypress/integration/basic.spec.js
@@ -19,7 +19,7 @@ context('basic', () => {
         const json = editor.json()
 
         expect(json).to.deep.equal({
-          type: 'doc',
+          type: 'document',
           content: [
             {
               type: 'paragraph',
diff --git a/src/pages/tests/Basic.vue b/src/pages/tests/Basic.vue
index 3f6cdba9..ecb83469 100644
--- a/src/pages/tests/Basic.vue
+++ b/src/pages/tests/Basic.vue
@@ -1,19 +1,29 @@
 <template>
   <Layout>
-    <div ref="editor"></div>
+    <editor-content :editor="editor" />
   </Layout>
 </template>
 
 <script>
-import Editor from '@tiptap/core'
+import { Editor, EditorContent } from '@tiptap/core'
 import Document from '@tiptap/document-extension'
 import Paragraph from '@tiptap/paragraph-extension'
 import Text from '@tiptap/text-extension'
 import History from '@tiptap/history-extension'
 
 export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
   mounted() {
-    window.editor = new Editor({
+    this.editor = new Editor({
       element: this.$refs.editor,
       content: '<p>foo</p>',
       extensions: [
@@ -23,41 +33,12 @@ export default {
         new History(),
       ],
     })
-    // .insertText('foo')
-    // .undo()
-    // .insertHTML('<p>hey</p>')
-      // .registerCommand('lol', (next) => {
-      //   console.log('lol')
-      //   next()
-      // })
-      // .focus('end')
-      // .insertText('mega ')
-      // .focus('start')
-      // .command('insertText', 'giga ')
-      // .lol()
 
-      // .registerCommand('insertHTML', (next, editor, html) => {
-      //   console.log(html)
-      //   next()
-      // })
-      // .registerCommand('insertHello', async (next, editor) => {
-      //   await editor.insertHTML('<strong>HELLO</strong>')
-      //   next()
-      // })
-      // .registerCommand('insertHello', (next, editor) => {
-      //   editor
-      //     .focus('start')
-      //     .insertHTML('<strong>HELLO</strong>')
-      //   next()
-      // })
-      // .focus('start')
-      // .insertHello()
-      // .insertText('eins')
-      // .insertText('zwei')
-      // .insertText('drei')
-      // .insertHello()
-      // .focus('end')
-      // .insertHTML('<p>end</p>')
-  }
+    window.editor = this.editor
+  },
+
+  beforeDestroy() {
+    this.editor.destroy()
+  },
 }
 </script>
\ No newline at end of file