add a bunch of new tests and add empty test files where missing

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

@@ -79,6 +79,13 @@ context('/api/nodes/bullet-list', () => {
       .should('contain', 'Paragraph')
   })
 
+  it('should make the paragraph a bullet list keyboard shortcut is pressed', () => {
+    cy.get('.ProseMirror')
+      .trigger('keydown', { modKey: true, shiftKey: true, key: '8' })
+      .find('ul li')
+      .should('contain', 'Example Text')
+  })
+
   it('should make a bullet list from an asterisk', () => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
       editor.commands.clearContent()

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

@@ -86,7 +86,28 @@ context('/api/nodes/heading', () => {
       .should('not.exist')
   })
 
-  it('should make a heading from the default markdown shortcut', () => {
+  it('should make the paragraph a h1 keyboard shortcut is pressed', () => {
+    cy.get('.ProseMirror')
+      .trigger('keydown', { modKey: true, altKey: true, key: '1' })
+      .find('h1')
+      .should('contain', 'Example Text')
+  })
+
+  it('should make the paragraph a h2 keyboard shortcut is pressed', () => {
+    cy.get('.ProseMirror')
+      .trigger('keydown', { modKey: true, altKey: true, key: '2' })
+      .find('h2')
+      .should('contain', 'Example Text')
+  })
+
+  it('should make the paragraph a h3 keyboard shortcut is pressed', () => {
+    cy.get('.ProseMirror')
+      .trigger('keydown', { modKey: true, altKey: true, key: '3' })
+      .find('h3')
+      .should('contain', 'Example Text')
+  })
+
+  it('should make a h1 from the default markdown shortcut', () => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
       editor.commands.clearContent()
     })
@@ -96,4 +117,26 @@ context('/api/nodes/heading', () => {
       .find('h1')
       .should('contain', 'Headline')
   })
+
+  it('should make a h2 from the default markdown shortcut', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.clearContent()
+    })
+
+    cy.get('.ProseMirror')
+      .type('## Headline')
+      .find('h2')
+      .should('contain', 'Headline')
+  })
+
+  it('should make a h3 from the default markdown shortcut', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.clearContent()
+    })
+
+    cy.get('.ProseMirror')
+      .type('### Headline')
+      .find('h3')
+      .should('contain', 'Headline')
+  })
 })

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

@@ -2,4 +2,48 @@ context('/api/nodes/list-item', () => {
   before(() => {
     cy.visit('/api/nodes/list-item')
   })
+
+  beforeEach(() => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.setContent('<ul><li>Example Text</li></ul>')
+    })
+  })
+
+  it('should add a new list item on Enter', () => {
+    cy.get('.ProseMirror')
+      .type('{enter}2nd Item')
+
+    cy.get('.ProseMirror')
+      .find('li:nth-child(1)')
+      .should('contain', 'Example Text')
+
+    cy.get('.ProseMirror')
+      .find('li:nth-child(2)')
+      .should('contain', '2nd Item')
+  })
+
+  it('should sink the list item on Tab', () => {
+    cy.get('.ProseMirror')
+      .type('{enter}')
+      .trigger('keydown', { key: 'Tab' })
+
+    cy.get('.ProseMirror').type('2nd Level')
+
+    cy.get('.ProseMirror')
+      .find('li:nth-child(1) li')
+      .should('contain', '2nd Level')
+  })
+
+  it('should lift the list item on Shift+Tab', () => {
+    cy.get('.ProseMirror')
+      .type('{enter}')
+      .trigger('keydown', { key: 'Tab' })
+      .trigger('keydown', { shiftKey: true, key: 'Tab' })
+
+    cy.get('.ProseMirror').type('1st Level')
+
+    cy.get('.ProseMirror')
+      .find('li:nth-child(2)')
+      .should('contain', '1st Level')
+  })
 })

docs/src/demos/Nodes/ListItem/index.vue

@@ -71,3 +71,50 @@ export default {
   },
 }
 </script>
+
+<style lang="scss">
+/* Basic editor styles */
+.ProseMirror {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0D0D0D;
+    color: #FFF;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+
+    code {
+      color: inherit;
+      background: none;
+      font-size: 0.8rem;
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  hr {
+    margin: 1rem 0;
+  }
+
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid rgba(#0D0D0D, 0.1);
+  }
+}
+</style>

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

@@ -61,6 +61,13 @@ context('/api/nodes/ordered-list', () => {
       .should('not.exist')
   })
 
+  it('should make the paragraph an ordered list keyboard shortcut is pressed', () => {
+    cy.get('.ProseMirror')
+      .trigger('keydown', { modKey: true, shiftKey: true, key: '7' })
+      .find('ol li')
+      .should('contain', 'Example Text')
+  })
+
   it('should leave the list with double enter', () => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
       editor.commands.clearContent()

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

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

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

@@ -61,6 +61,13 @@ context('/api/nodes/task-list', () => {
       .should('not.exist')
   })
 
+  it('should make the paragraph a task list when the keyboard shortcut is pressed', () => {
+    cy.get('.ProseMirror')
+      .trigger('keydown', { modKey: true, shiftKey: true, key: 'l' })
+      .find('ul li')
+      .should('contain', 'Example Text')
+  })
+
   it('should leave the list with double enter', () => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
       editor.commands.clearContent()