move test to example

docs/src/demos/Basic/index.spec.js

@@ -0,0 +1,80 @@
+context('basic', () => {
+  beforeEach(() => {
+    cy.visit('/basic')
+  })
+
+  describe('export', () => {
+    it('should return html', () => {
+      cy.get('.ProseMirror').window().then(window => {
+        const { editor } = window
+        const html = editor.html()
+
+        expect(html).to.equal('<p>foo</p>')
+      })
+    })
+
+    it('should return json', () => {
+      cy.get('.ProseMirror').window().then(window => {
+        const { editor } = window
+        const json = editor.json()
+
+        expect(json).to.deep.equal({
+          type: 'document',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'foo'
+                }
+              ]
+            }
+          ]
+        })
+      })
+    })
+  })
+
+  describe('insertText', () => {
+    it('should prepend', () => {
+      cy.get('.ProseMirror').window().then(window => {
+        const { editor } = window
+
+        editor.insertText('bar')
+        cy.get('.ProseMirror p:first').should('contain', 'barfoo')
+      })
+    })
+
+    it('should append', () => {
+      cy.get('.ProseMirror').window().then(window => {
+        const { editor } = window
+
+        editor.focus('end').insertText('bar')
+        cy.get('.ProseMirror p:first').should('contain', 'foobar')
+      })
+    })
+  })
+
+  describe('insertHTML', () => {
+    it('should prepend', () => {
+      cy.get('.ProseMirror').window().then(window => {
+        const { editor } = window
+
+        editor.focus('start').insertHTML('<p>bar</p>')
+        cy.get('.ProseMirror p:first').should('contain', 'bar').should('not.contain', 'foo')
+        cy.get('.ProseMirror p:last').should('contain', 'foo').should('not.contain', 'bar')
+      })
+    })
+
+    it('should append', () => {
+      cy.get('.ProseMirror').window().then(window => {
+        const { editor } = window
+
+        editor.focus('end').insertHTML('<p>bar</p>')
+        cy.get('.ProseMirror p:first').should('contain', 'foo').should('not.contain', 'bar')
+        cy.get('.ProseMirror p:last').should('contain', 'bar').should('not.contain', 'foo')
+      })
+    })
+  })
+})

docs/src/demos/Basic/index.vue

@@ -24,6 +24,8 @@ export default {
       extensions: extensions(),
       renderer: Renderer,
     })
+
+    window.editor = this.editor
   },
 
   beforeDestroy() {

docs/src/docPages/basic.md

@@ -0,0 +1 @@
+<demo name="Basic" />

docs/src/pages/tests/Basic.vue

@@ -1,44 +0,0 @@
-<template>
-  <Layout>
-    <editor-content :editor="editor" />
-  </Layout>
-</template>
-
-<script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
-import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import History from '@tiptap/extension-history'
-
-export default {
-  components: {
-    EditorContent,
-  },
-
-  data() {
-    return {
-      editor: null,
-    }
-  },
-
-  mounted() {
-    this.editor = new Editor({
-      content: '<p>foo</p>',
-      extensions: [
-        new Document(),
-        new Paragraph(),
-        new Text(),
-        new History(),
-      ],
-    })
-
-    window.editor = this.editor
-  },
-
-  beforeDestroy() {
-    this.editor.destroy()
-  },
-}
-</script>