generate URLs for all demos and use those to run the tests

docs/gridsome.server.js

@@ -57,6 +57,35 @@ module.exports = function (api) {
   })
 
   api.loadSource(({ addCollection }) => {
+    /**
+     * Generate pages for all demo components for testing purposes
+     */
+    globby.sync('./src/demos/**/index.vue').forEach(file => {
+
+      const match = file.match(
+        new RegExp(/\.\/src\/demos\/([\S]+)\/index.vue/i),
+      )
+
+      if (!match) {
+        return
+      }
+
+      api.createPages(({ createPage }) => {
+        createPage({
+          // name: '/demos/Extensions/CharacterCount'
+          path: `/demos/${match[1]}`,
+          component: './src/templates/DemoPage/index.vue',
+          context: {
+            // name: 'Extensions/CharacterCount'
+            name: match[1],
+          },
+        })
+      })
+    })
+
+    /**
+     * Read out all packages?
+     */
     const appCollection = addCollection({ typeName: 'Package' })
 
     // packages.forEach(package => {

docs/src/demos/Examples/Book/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/default', () => {
+context('/demos/Examples/Book', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/Book')
   })
 
   // TODO: Write tests

docs/src/demos/Examples/CollaborativeEditing/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/collaborative-editing', () => {
+context('/demos/Examples/CollaborativeEditing', () => {
   before(() => {
-    cy.visit('/examples/collaborative-editing')
+    cy.visit('/demos/Examples/CollaborativeEditing')
   })
 
   // TODO: Write tests

docs/src/demos/Examples/Default/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/default', () => {
+context('/demos/Examples/Default', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/Default')
   })
 
   beforeEach(() => {

docs/src/demos/Examples/Formatting/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/formatting', () => {
+context('/demos/Examples/Formatting', () => {
   before(() => {
-    cy.visit('/examples/formatting')
+    cy.visit('/demos/Examples/Formatting')
   })
 
   // TODO: Write tests

docs/src/demos/Examples/MarkdownShortcuts/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/markdown-shortcuts', () => {
+context('/demos/Examples/MarkdownShortcuts', () => {
   before(() => {
-    cy.visit('/examples/markdown-shortcuts')
+    cy.visit('/demos/Examples/MarkdownShortcuts')
   })
 
   beforeEach(() => {

docs/src/demos/Examples/Minimalistic/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/minimalistic', () => {
+context('/demos/Examples/Minimalistic', () => {
   before(() => {
-    cy.visit('/examples/minimalistic')
+    cy.visit('/demos/Examples/Minimalistic')
   })
 
   // TODO: Write tests

docs/src/demos/Examples/MultipleEditors/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/multiple-editors', () => {
+context('/demos/Examples/MultipleEditors', () => {
   before(() => {
-    cy.visit('/examples/multiple-editors')
+    cy.visit('/demos/Examples/MultipleEditors')
   })
 
   // TODO: Write tests

docs/src/demos/Examples/TodoApp/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/todo-app', () => {
+context('/demos/Examples/TodoApp', () => {
   before(() => {
-    cy.visit('/examples/todo-app')
+    cy.visit('/demos/Examples/TodoApp')
   })
 
   // TODO: Write tests

docs/src/demos/Experiments/Annotation/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/extensions/annotations', () => {
+context('/demos/Extensions/Annotations', () => {
   before(() => {
-    cy.visit('/api/extensions/annotations')
+    cy.visit('/demos/Extensions/Annotations')
   })
 
   // TODO: Write tests

docs/src/demos/Experiments/Comments/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/annotations', () => {
+context('/demos/Examples/Annotations', () => {
   before(() => {
-    cy.visit('/examples/annotations')
+    cy.visit('/demos/Examples/Annotations')
   })
 
   // TODO: Write tests

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

@@ -1,6 +1,6 @@
-context('/api/extensions/collaboration', () => {
+context('/demos/Extensions/Collaboration', () => {
   before(() => {
-    cy.visit('/api/extensions/collaboration')
+    cy.visit('/demos/Extensions/Collaboration')
   })
 
   // TODO: Write tests

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

@@ -1,6 +1,6 @@
-context('/api/extensions/collaboration-cursor', () => {
+context('/demos/Extensions/CollaborationCursor', () => {
   before(() => {
-    cy.visit('/api/extensions/collaboration-cursor')
+    cy.visit('/demos/Extensions/CollaborationCursor')
   })
 
   // TODO: Write tests

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

@@ -1,6 +1,6 @@
-context('/examples/dropcursor', () => {
+context('/demos/Examples/Dropcursor', () => {
   before(() => {
-    cy.visit('/examples/dropcursor')
+    cy.visit('/demos/Examples/Dropcursor')
   })
 
   // TODO: Write tests

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

@@ -1,6 +1,6 @@
-context('/api/extensions/focus', () => {
+context('/demos/Extensions/Focus', () => {
   before(() => {
-    cy.visit('/api/extensions/focus')
+    cy.visit('/demos/Extensions/Focus')
   })
 
   it('should have class', () => {

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

@@ -1,6 +1,6 @@
-context('/api/extensions/font-family', () => {
+context('/demos/Extensions/FontFamily', () => {
   before(() => {
-    cy.visit('/api/extensions/font-family')
+    cy.visit('/demos/Extensions/FontFamily')
   })
 
   // TODO: Write tests

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

@@ -1,6 +1,6 @@
-context('/examples/gapcursor', () => {
+context('/demos/Examples/Gapcursor', () => {
   before(() => {
-    cy.visit('/examples/gapcursor')
+    cy.visit('/demos/Examples/Gapcursor')
   })
 
   // TODO: Write tests

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

@@ -1,6 +1,6 @@
-context('/api/extensions/history', () => {
+context('/demos/Extensions/History', () => {
   before(() => {
-    cy.visit('/api/extensions/history')
+    cy.visit('/demos/Extensions/History')
   })
 
   beforeEach(() => {

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

@@ -1,6 +1,6 @@
-context('/api/extensions/text-align', () => {
+context('/demos/Extensions/TextAlign', () => {
   before(() => {
-    cy.visit('/api/extensions/text-align')
+    cy.visit('/demos/Extensions/TextAlign')
   })
 
   beforeEach(() => {

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

@@ -1,6 +1,6 @@
-context('/api/extensions/typography', () => {
+context('/demos/Extensions/Typography', () => {
   before(() => {
-    cy.visit('/api/extensions/typography')
+    cy.visit('/demos/Extensions/Typography')
   })
 
   beforeEach(() => {

docs/src/demos/Guide/GettingStarted/VModel/index.spec.js

@@ -1,6 +1,6 @@
-context('/examples/v-model', () => {
+context('/demos/Examples/VModel', () => {
   before(() => {
-    cy.visit('/examples/v-model')
+    cy.visit('/demos/Examples/VModel')
   })
 
   // TODO: Write tests

docs/src/demos/Guide/StoreContent/ExportHTML/index.spec.js

@@ -1,6 +1,6 @@
-context('/guide/store-content', () => {
+context('/demos/Guide/StoreContent/ExportHTML', () => {
   before(() => {
-    cy.visit('/guide/store-content')
+    cy.visit('/demos/Guide/StoreContent/ExportHTML')
   })
 
   beforeEach(() => {

docs/src/demos/Guide/StoreContent/ExportJSON/index.spec.js

@@ -1,6 +1,6 @@
-context('/guide/store-content', () => {
+context('/demos/Guide/StoreContent/ExportJSON', () => {
   before(() => {
-    cy.visit('/guide/store-content')
+    cy.visit('/demos/Guide/StoreContent/ExportJSON')
   })
 
   beforeEach(() => {

docs/src/demos/Guide/StoreContent/ReadOnly/index.spec.js

@@ -1,6 +1,6 @@
-context('/guide/store-content', () => {
+context('/demos/Guide/StoreContent/ReadOnly', () => {
   beforeEach(() => {
-    cy.visit('/guide/store-content')
+    cy.visit('/demos/Guide/StoreContent/ReadOnly')
   })
 
   it.skip('should be read-only', () => {
@@ -13,7 +13,7 @@ context('/guide/store-content', () => {
     })
   })
 
-  it.skip('should be editable', () => {
+  it('should be editable', () => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
       cy.get('#editable').check()
 

docs/src/demos/Marks/Bold/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/bold', () => {
+context('/demos/Marks/Bold', () => {
   before(() => {
-    cy.visit('/api/marks/bold')
+    cy.visit('/demos/Marks/Bold')
   })
 
   beforeEach(() => {

docs/src/demos/Marks/Code/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/code', () => {
+context('/demos/Marks/Code', () => {
   before(() => {
-    cy.visit('/api/marks/code')
+    cy.visit('/demos/Marks/Code')
   })
 
   beforeEach(() => {

docs/src/demos/Marks/Highlight/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/highlight', () => {
+context('/demos/Marks/Highlight', () => {
   before(() => {
-    cy.visit('/api/marks/highlight')
+    cy.visit('/demos/Marks/Highlight')
   })
 
   beforeEach(() => {

docs/src/demos/Marks/Italic/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/italic', () => {
+context('/demos/Marks/Italic', () => {
   before(() => {
-    cy.visit('/api/marks/italic')
+    cy.visit('/demos/Marks/Italic')
   })
 
   beforeEach(() => {

docs/src/demos/Marks/Link/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/link', () => {
+context('/demos/Marks/Link', () => {
   before(() => {
-    cy.visit('/api/marks/link')
+    cy.visit('/demos/Marks/Link')
   })
 
   beforeEach(() => {

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

@@ -1,6 +1,6 @@
-context('/api/marks/strike', () => {
+context('/demos/Marks/Strike', () => {
   before(() => {
-    cy.visit('/api/marks/strike')
+    cy.visit('/demos/Marks/Strike')
   })
 
   beforeEach(() => {

docs/src/demos/Marks/TextStyle/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/text-style', () => {
+context('/demos/Marks/TextStyle', () => {
   before(() => {
-    cy.visit('/api/marks/text-style')
+    cy.visit('/demos/Marks/TextStyle')
   })
 
   // TODO: Write tests

docs/src/demos/Marks/Underline/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/marks/underline', () => {
+context('/demos/Marks/Underline', () => {
   before(() => {
-    cy.visit('/api/marks/underline')
+    cy.visit('/demos/Marks/Underline')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Blockquote/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/blockquote', () => {
+context('/demos/Nodes/Blockquote', () => {
   before(() => {
-    cy.visit('/api/nodes/blockquote')
+    cy.visit('/demos/Nodes/Blockquote')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/BulletList/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/bullet-list', () => {
+context('/demos/Nodes/BulletList', () => {
   before(() => {
-    cy.visit('/api/nodes/bullet-list')
+    cy.visit('/demos/Nodes/BulletList')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/CodeBlock/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/code-block', () => {
+context('/demos/Nodes/CodeBlock', () => {
   before(() => {
-    cy.visit('/api/nodes/code-block')
+    cy.visit('/demos/Nodes/CodeBlock')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Document/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/document', () => {
+context('/demos/Nodes/Document', () => {
   before(() => {
-    cy.visit('/api/nodes/document')
+    cy.visit('/demos/Nodes/Document')
   })
 
   beforeEach(() => {

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

@@ -1,6 +1,6 @@
-context('/api/nodes/hard-break', () => {
+context('/demos/Nodes/HardBreak', () => {
   before(() => {
-    cy.visit('/api/nodes/hard-break')
+    cy.visit('/demos/Nodes/HardBreak')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Heading/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/heading', () => {
+context('/demos/Nodes/Heading', () => {
   before(() => {
-    cy.visit('/api/nodes/heading')
+    cy.visit('/demos/Nodes/Heading')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/HorizontalRule/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/horizontal-rule', () => {
+context('/demos/Nodes/HorizontalRule', () => {
   before(() => {
-    cy.visit('/api/nodes/horizontal-rule')
+    cy.visit('/demos/Nodes/HorizontalRule')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Image/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/image', () => {
+context('/demos/Nodes/Image', () => {
   before(() => {
-    cy.visit('/api/nodes/image')
+    cy.visit('/demos/Nodes/Image')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/ListItem/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/list-item', () => {
+context('/demos/Nodes/ListItem', () => {
   before(() => {
-    cy.visit('/api/nodes/list-item')
+    cy.visit('/demos/Nodes/ListItem')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Mention/index.spec.js

@@ -1,5 +1,7 @@
-context('/api/nodes/mention', () => {
+context('/demos/Nodes/Mention', () => {
   before(() => {
-    cy.visit('/api/nodes/mention')
+    cy.visit('/demos/Nodes/Mention')
   })
+
+  // TODO: Write tests
 })

docs/src/demos/Nodes/OrderedList/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/ordered-list', () => {
+context('/demos/Nodes/OrderedList', () => {
   before(() => {
-    cy.visit('/api/nodes/ordered-list')
+    cy.visit('/demos/Nodes/OrderedList')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Paragraph/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/paragraph', () => {
+context('/demos/Nodes/Paragraph', () => {
   before(() => {
-    cy.visit('/api/nodes/paragraph')
+    cy.visit('/demos/Nodes/Paragraph')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Table/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/table', () => {
+context('/demos/Nodes/Table', () => {
   before(() => {
-    cy.visit('/api/nodes/table')
+    cy.visit('/demos/Nodes/Table')
   })
 
   // TODO: Write tests

docs/src/demos/Nodes/TaskItem/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/task-item', () => {
+context('/demos/Nodes/TaskItem', () => {
   before(() => {
-    cy.visit('/api/nodes/task-item')
+    cy.visit('/demos/Nodes/TaskItem')
   })
 
   // TODO: Write tests

docs/src/demos/Nodes/TaskList/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/task-list', () => {
+context('/demos/Nodes/TaskList', () => {
   before(() => {
-    cy.visit('/api/nodes/task-list')
+    cy.visit('/demos/Nodes/TaskList')
   })
 
   beforeEach(() => {

docs/src/demos/Nodes/Text/index.spec.js

@@ -1,6 +1,6 @@
-context('/api/nodes/text', () => {
+context('/demos/Nodes/Text', () => {
   before(() => {
-    cy.visit('/api/nodes/text')
+    cy.visit('/demos/Nodes/Text')
   })
 
   beforeEach(() => {

docs/src/templates/DemoPage/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="demo-page">
+    <demo :name="$context.name" :show-source="false" />
+  </div>
+</template>
+
+<script>
+export default {
+  metaInfo() {
+    return {
+      title: this.$context.name,
+      meta: [
+        {
+          name: 'robots',
+          content: 'noindex',
+        },
+      ],
+    }
+  },
+}
+</script>
+
+<style lang="scss" src="./style.scss" scoped></style>

docs/src/templates/DemoPage/style.scss

@@ -0,0 +1,4 @@
+.demo-page {
+  max-width: 40rem;
+  margin: 2rem auto;
+}

docs/src/tests/core/commands/clearContent.spec.js

@@ -1,6 +1,6 @@
 context('clearContent', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/default')
   })
 
   it('returns true for the clearContent command', () => {

docs/src/tests/core/commands/insertHTML.spec.js

@@ -1,6 +1,6 @@
 context('insertHTML', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/default')
   })
 
   it('returns true for the insertHTML command', () => {

docs/src/tests/core/commands/setContent.spec.js

@@ -1,6 +1,6 @@
 context('setContent', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/default')
   })
 
   it('returns true for the setContent command', () => {

tests/cypress.json

@@ -1,7 +1,5 @@
 {
   "baseUrl": "http://localhost:3000",
   "integrationFolder": "../",
-  "testFiles": "{docs,tests}/**/*.spec.{js,ts}",
+  "testFiles": "{docs,tests}/**/*.spec.{js,ts}"
-  "viewportWidth": 1280,
-  "viewportHeight": 1280
 }