really fix tests

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

@@ -1,55 +1,51 @@
 context('/api/extensions/blockquote', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/blockquote')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('blockquote', () => {
-    it('the button should make the selected line a blockquote', () => {
-      cy.get('.ProseMirror blockquote').should('not.exist')
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('blockquote', 'Example Text')
-    })
+  it('the button should make the selected line a blockquote', () => {
+    cy.get('.ProseMirror blockquote').should('not.exist')
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('blockquote', 'Example Text')
+  })
 
-    it('the button should toggle the blockquote', () => {
-      cy.get('.ProseMirror blockquote').should('not.exist')
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('blockquote', 'Example Text')
+  it('the button should toggle the blockquote', () => {
+    cy.get('.ProseMirror blockquote').should('not.exist')
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('blockquote', 'Example Text')
 
-      cy.get('.ProseMirror').type('{selectall}', {force: true})
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror blockquote').should('not.exist')
-    })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror blockquote').should('not.exist')
+  })
 
-    it('the keyboard shortcut should make the selected line a blockquote', () => {
-      cy.get('.ProseMirror').type('{meta}{shift}9', {force: true})
-      cy.get('.ProseMirror').contains('blockquote', 'Example Text')
-    })
+  it('the keyboard shortcut should make the selected line a blockquote', () => {
+    cy.get('.ProseMirror').type('{meta}{shift}9', { force: true })
+    cy.get('.ProseMirror').contains('blockquote', 'Example Text')
+  })
 
-    it('the keyboard shortcut should toggle the blockquote', () => {
-      cy.get('.ProseMirror blockquote').should('not.exist')
-      cy.get('.ProseMirror').type('{meta}{shift}9', {force: true})
-      cy.get('.ProseMirror').contains('blockquote', 'Example Text')
+  it('the keyboard shortcut should toggle the blockquote', () => {
+    cy.get('.ProseMirror blockquote').should('not.exist')
+    cy.get('.ProseMirror').type('{meta}{shift}9', { force: true })
+    cy.get('.ProseMirror').contains('blockquote', 'Example Text')
 
-      cy.get('.ProseMirror').type('{selectall}', {force: true})
-      cy.get('.ProseMirror').type('{meta}{shift}9', {force: true})
-      cy.get('.ProseMirror blockquote').should('not.exist')
-    })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.ProseMirror').type('{meta}{shift}9', { force: true })
+    cy.get('.ProseMirror blockquote').should('not.exist')
+  })
 
-    it('should make a blockquote from markdown shortcuts', () => {
-      cy.get('.ProseMirror').window().then(window => {
-        const { editor } = window
-        editor.clearContent()
-
-        cy.get('.ProseMirror')
-          .type('> Quote', {force: true})
-          .contains('blockquote', 'Quote')
-      })
-    })
+  it('should make a blockquote from markdown shortcuts', () => {
+    cy.get('.ProseMirror')
+      .type('> Quote', { force: true })
+      .contains('blockquote', 'Quote')
   })
 })

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

@@ -1,45 +1,48 @@
 context('/api/extensions/bold', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/bold')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('bold', () => {
-    it('the button should make the selected text bold', () => {
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('strong', 'Example Text')
-    })
+  it('the button should make the selected text bold', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('strong', 'Example Text')
+  })
 
-    it('the button should toggle the selected text bold', () => {
-      cy.get('.demo__preview button:first').dblclick({ force: true })
-      cy.get('.ProseMirror strong').should('not.exist')
-    })
+  it('the button should toggle the selected text bold', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror strong').should('not.exist')
+  })
 
-    it('the keyboard shortcut should make the selected text bold', () => {
-      cy.get('.ProseMirror').type('{meta}b', {force: true})
-      cy.get('.ProseMirror').contains('strong', 'Example Text')
-    })
+  it('the keyboard shortcut should make the selected text bold', () => {
+    cy.get('.ProseMirror').type('{meta}b', { force: true })
+    cy.get('.ProseMirror').contains('strong', 'Example Text')
+  })
 
-    it('the keyboard shortcut should toggle the selected text bold', () => {
-      cy.get('.ProseMirror').type('{meta}b', {force: true}).type('{meta}b', {force: true})
-      cy.get('.ProseMirror strong').should('not.exist')
-    })
+  it('the keyboard shortcut should toggle the selected text bold', () => {
+    cy.get('.ProseMirror').type('{meta}b', { force: true }).type('{meta}b', { force: true })
+    cy.get('.ProseMirror strong').should('not.exist')
+  })
 
-    it('should make a bold text from the default markdown shortcut', () => {
-      cy.get('.ProseMirror')
-        .type('**Bold**', {force: true})
-        .contains('strong', 'Bold')
-    })
+  it('should make a bold text from the default markdown shortcut', () => {
+    cy.get('.ProseMirror')
+      .type('**Bold**', { force: true })
+      .contains('strong', 'Bold')
+  })
 
-    it('should make a bold text from the alternative markdown shortcut', () => {
-      cy.get('.ProseMirror')
-        .type('__Bold__', {force: true})
-        .contains('strong', 'Bold')
-    })
+  it('should make a bold text from the alternative markdown shortcut', () => {
+    cy.get('.ProseMirror')
+      .type('__Bold__', { force: true })
+      .contains('strong', 'Bold')
   })
 })

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

@@ -1,23 +1,26 @@
 context('/api/extensions/code', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/code')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('code', () => {
-    it('should mark the selected text as inline code', () => {
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('code', 'Example Text')
-    })
+  it('should mark the selected text as inline code', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('code', 'Example Text')
+  })
 
-    it('should toggle the selected text as inline code', () => {
-      cy.get('.demo__preview button:first').dblclick({ force: true })
-      cy.get('.ProseMirror code').should('not.exist')
-    })
+  it('should toggle the selected text as inline code', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror code').should('not.exist')
   })
 })

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

@@ -1,52 +1,48 @@
 context('/api/extensions/code-block', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/code-block')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('code-block', () => {
-    it('the button should make the selected line a code block', () => {
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('pre', 'Example Text')
-    })
+  it('the button should make the selected line a code block', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('pre', 'Example Text')
+  })
 
-    it('the button should toggle the code block', () => {
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('pre', 'Example Text')
+  it('the button should toggle the code block', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('pre', 'Example Text')
 
-      cy.get('.ProseMirror').type('{selectall}', {force: true})
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror pre').should('not.exist')
-    })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror pre').should('not.exist')
+  })
 
-    it('the keyboard shortcut should make the selected line a code block', () => {
-      cy.get('.ProseMirror').type('{control}{shift}\\', {force: true})
-      cy.get('.ProseMirror').contains('pre', 'Example Text')
-    })
+  it('the keyboard shortcut should make the selected line a code block', () => {
+    cy.get('.ProseMirror').type('{control}{shift}\\', { force: true })
+    cy.get('.ProseMirror').contains('pre', 'Example Text')
+  })
 
-    it('the keyboard shortcut should toggle the code block', () => {
-      cy.get('.ProseMirror').type('{control}{shift}\\', {force: true})
-      cy.get('.ProseMirror').contains('pre', 'Example Text')
+  it('the keyboard shortcut should toggle the code block', () => {
+    cy.get('.ProseMirror').type('{control}{shift}\\', { force: true })
+    cy.get('.ProseMirror').contains('pre', 'Example Text')
 
-      cy.get('.ProseMirror').type('{selectall}', {force: true})
-      cy.get('.ProseMirror').type('{control}{shift}\\', {force: true})
-      cy.get('.ProseMirror pre').should('not.exist')
-    })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.ProseMirror').type('{control}{shift}\\', { force: true })
+    cy.get('.ProseMirror pre').should('not.exist')
+  })
 
-    it('should make a code block from markdown shortcuts', () => {
-      cy.get('.ProseMirror').window().then(window => {
-        const { editor } = window
-        editor.clearContent()
-
-        cy.get('.ProseMirror')
-          .type('``` {enter}Code', {force: true})
-          .contains('pre', 'Code')
-      })
-    })
+  it('should make a code block from markdown shortcuts', () => {
+    cy.get('.ProseMirror')
+      .type('``` {enter}Code', { force: true })
+      .contains('pre', 'Code')
   })
 })

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

@@ -1,5 +1,5 @@
 context('/api/extensions/document', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/document')
   })
 })

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

@@ -1,30 +1,30 @@
 context('/api/extensions/hard-break', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/hard-break')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
     })
   })
 
-  describe('hard-break', () => {
-    it('the button should add a line break', () => {
-      cy.get('.ProseMirror br').should('not.exist')
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror br').should('exist')
-    })
+  it('the button should add a line break', () => {
+    cy.get('.ProseMirror br').should('not.exist')
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror br').should('exist')
+  })
 
-    it('the default keyboard shortcut should add a line break', () => {
-      cy.get('.ProseMirror br').should('not.exist')
-      cy.get('.ProseMirror').type('{shift}{enter}', {force: true})
-      cy.get('.ProseMirror br').should('exist')
-    })
+  it('the default keyboard shortcut should add a line break', () => {
+    cy.get('.ProseMirror br').should('not.exist')
+    cy.get('.ProseMirror').type('{shift}{enter}', { force: true })
+    cy.get('.ProseMirror br').should('exist')
+  })
 
-    it('the alternative keyboard shortcut should add a line break', () => {
-      cy.get('.ProseMirror br').should('not.exist')
-      cy.get('.ProseMirror').type('{meta}{enter}', {force: true})
-      cy.get('.ProseMirror br').should('exist')
-    })
+  it('the alternative keyboard shortcut should add a line break', () => {
+    cy.get('.ProseMirror br').should('not.exist')
+    cy.get('.ProseMirror').type('{meta}{enter}', { force: true })
+    cy.get('.ProseMirror br').should('exist')
   })
 })

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

@@ -1,31 +1,32 @@
 context('/api/extensions/heading', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/heading')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('blockquote', () => {
-    it('the button should make the selected line a h1', () => {
-      cy.get('.ProseMirror h1').should('not.exist')
-      cy.get('.demo__preview button:nth-child(1)').click({ force: true })
-      cy.get('.ProseMirror').contains('h1', 'Example Text')
-    })
+  it('the button should make the selected line a h1', () => {
+    cy.get('.ProseMirror h1').should('not.exist')
+    cy.get('.demo__preview button:nth-child(1)').click({ force: true })
+    cy.get('.ProseMirror').contains('h1', 'Example Text')
+  })
 
-    it('the button should make the selected line a h2', () => {
-      cy.get('.ProseMirror h2').should('not.exist')
-      cy.get('.demo__preview button:nth-child(2)').click({ force: true })
-      cy.get('.ProseMirror').contains('h2', 'Example Text')
-    })
+  it('the button should make the selected line a h2', () => {
+    cy.get('.ProseMirror h2').should('not.exist')
+    cy.get('.demo__preview button:nth-child(2)').click({ force: true })
+    cy.get('.ProseMirror').contains('h2', 'Example Text')
+  })
 
-    it('the button should make the selected line a h3', () => {
-      cy.get('.ProseMirror h3').should('not.exist')
-      cy.get('.demo__preview button:nth-child(3)').click({ force: true })
-      cy.get('.ProseMirror').contains('h3', 'Example Text')
-    })
+  it('the button should make the selected line a h3', () => {
+    cy.get('.ProseMirror h3').should('not.exist')
+    cy.get('.demo__preview button:nth-child(3)').click({ force: true })
+    cy.get('.ProseMirror').contains('h3', 'Example Text')
   })
 })

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

@@ -1,47 +1,45 @@
 context('/api/extensions/history', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/history')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Mistake</p>')
     })
   })
 
-  describe('undo', () => {
-    it('should make the last change undone', () => {
-      cy.get('.ProseMirror').window().then(window => {
-        cy.get('.ProseMirror').should('contain', 'Mistake')
+  it('should make the last change undone', () => {
+    cy.get('.ProseMirror').window().then(window => {
+      cy.get('.ProseMirror').should('contain', 'Mistake')
 
-        cy.get('.demo__preview button:first').click({ force: true })
-        cy.get('.ProseMirror').should('not.contain', 'Mistake')
-      })
-    })
-
-    it('the keyboard shortcut should make the last change undone', () => {
-      cy.get('.ProseMirror').type('{meta}z', {force: true})
+      cy.get('.demo__preview button:first').click({ force: true })
       cy.get('.ProseMirror').should('not.contain', 'Mistake')
     })
   })
 
-  describe('redo', () => {
-    it('should apply the last undone change again', () => {
-      cy.get('.ProseMirror').window().then(window => {
-        cy.get('.ProseMirror').should('contain', 'Mistake')
+  it('the keyboard shortcut should make the last change undone', () => {
+    cy.get('.ProseMirror').type('{meta}z', { force: true })
+    cy.get('.ProseMirror').should('not.contain', 'Mistake')
+  })
 
-        cy.get('.demo__preview button:first').click({ force: true })
-        cy.get('.ProseMirror').should('not.contain', 'Mistake')
-        cy.get('.demo__preview button:nth-child(2)').click({ force: true })
-        cy.get('.ProseMirror').should('contain', 'Mistake')
-      })
-    })
+  it('should apply the last undone change again', () => {
+    cy.get('.ProseMirror').window().then(window => {
+      cy.get('.ProseMirror').should('contain', 'Mistake')
 
-    it.skip('the keyboard shortcut should apply the last undone change again', () => {
-      cy.get('.ProseMirror').type('{meta}z', {force: true})
+      cy.get('.demo__preview button:first').click({ force: true })
       cy.get('.ProseMirror').should('not.contain', 'Mistake')
-
-      cy.get('.ProseMirror').type('{meta}{shift}z', {force: true})
+      cy.get('.demo__preview button:nth-child(2)').click({ force: true })
       cy.get('.ProseMirror').should('contain', 'Mistake')
     })
   })
+
+  it.skip('the keyboard shortcut should apply the last undone change again', () => {
+    cy.get('.ProseMirror').type('{meta}z', { force: true })
+    cy.get('.ProseMirror').should('not.contain', 'Mistake')
+
+    cy.get('.ProseMirror').type('{meta}{shift}z', { force: true })
+    cy.get('.ProseMirror').should('contain', 'Mistake')
+  })
 })

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

@@ -1,40 +1,40 @@
 context('/api/extensions/horizontal-rule', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/horizontal-rule')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
     })
   })
 
-  describe('horizontal-rule', () => {
-    it('the button should add a horizontal rule', () => {
+  it('the button should add a horizontal rule', () => {
+    cy.get('.ProseMirror hr').should('not.exist')
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror hr').should('exist')
+  })
+
+  it('the default markdown shortcut should add a horizontal rule', () => {
+    cy.get('.ProseMirror').window().then(window => {
+      const { editor } = window
+      editor.clearContent()
+
       cy.get('.ProseMirror hr').should('not.exist')
-      cy.get('.demo__preview button:first').click({ force: true })
+      cy.get('.ProseMirror').type('---', { force: true })
       cy.get('.ProseMirror hr').should('exist')
     })
+  })
 
-    it('the default markdown shortcut should add a horizontal rule', () => {
-      cy.get('.ProseMirror').window().then(window => {
-        const { editor } = window
-        editor.clearContent()
+  it('the alternative markdown shortcut should add a horizontal rule', () => {
+    cy.get('.ProseMirror').window().then(window => {
+      const { editor } = window
+      editor.clearContent()
 
-        cy.get('.ProseMirror hr').should('not.exist')
-        cy.get('.ProseMirror').type('---', {force: true})
-        cy.get('.ProseMirror hr').should('exist')
-      })
-    })
-
-    it('the alternative markdown shortcut should add a horizontal rule', () => {
-      cy.get('.ProseMirror').window().then(window => {
-        const { editor } = window
-        editor.clearContent()
-
-        cy.get('.ProseMirror hr').should('not.exist')
-        cy.get('.ProseMirror').type('___ ', {force: true})
-        cy.get('.ProseMirror hr').should('exist')
-      })
+      cy.get('.ProseMirror hr').should('not.exist')
+      cy.get('.ProseMirror').type('___ ', { force: true })
+      cy.get('.ProseMirror hr').should('exist')
     })
   })
 })

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

@@ -1,33 +1,36 @@
 context('/api/extensions/italic', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/italic')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('italic', () => {
-    it('the button should make the selected text italic', () => {
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('em', 'Example Text')
-    })
+  it('the button should make the selected text italic', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('em', 'Example Text')
+  })
 
-    it('the button should toggle the selected text italic', () => {
-      cy.get('.demo__preview button:first').dblclick({ force: true })
-      cy.get('.ProseMirror em').should('not.exist')
-    })
+  it('the button should toggle the selected text italic', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror em').should('not.exist')
+  })
 
-    it('the keyboard shortcut should make the selected text italic', () => {
-      cy.get('.ProseMirror').type('{meta}i', {force: true})
-      cy.get('.ProseMirror').contains('em', 'Example Text')
-    })
+  it('the keyboard shortcut should make the selected text italic', () => {
+    cy.get('.ProseMirror').type('{meta}i', { force: true })
+    cy.get('.ProseMirror').contains('em', 'Example Text')
+  })
 
-    it('the keyboard shortcut should toggle the selected text italic', () => {
-      cy.get('.ProseMirror').type('{meta}i', {force: true}).type('{meta}i', {force: true})
-      cy.get('.ProseMirror em').should('not.exist')
-    })
+  it('the keyboard shortcut should toggle the selected text italic', () => {
+    cy.get('.ProseMirror').type('{meta}i', { force: true }).type('{meta}i', { force: true })
+    cy.get('.ProseMirror em').should('not.exist')
   })
 })

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

@@ -1,32 +1,33 @@
 context('/api/extensions/paragraph', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/paragraph')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.clearContent()
+      cy.wait(10)
     })
   })
 
-  describe('paragraph', () => {
-    it('text should be wrapped in a paragraph by default', () => {
-      cy.get('.ProseMirror').type('Example Text', {force: true})
-      cy.get('.ProseMirror').contains('p', 'Example Text')
-      cy.get('.ProseMirror').find('p').should('have.length', 1)
-    })
+  it('text should be wrapped in a paragraph by default', () => {
+    cy.get('.ProseMirror').type('Example Text', { force: true })
+    cy.get('.ProseMirror').contains('p', 'Example Text')
+    cy.get('.ProseMirror').find('p').should('have.length', 1)
+  })
 
-    it('enter should make a new paragraph', () => {
-      cy.get('.ProseMirror').type('First Paragraph{enter}Second Paragraph', {force: true})
-      cy.get('.ProseMirror').find('p').should('have.length', 2)
-      cy.get('.ProseMirror').contains('p:first', 'First Paragraph')
-      cy.get('.ProseMirror').contains('p:nth-child(2)', 'Second Paragraph')
-    })
+  it('enter should make a new paragraph', () => {
+    cy.get('.ProseMirror').type('First Paragraph{enter}Second Paragraph', { force: true })
+    cy.get('.ProseMirror').find('p').should('have.length', 2)
+    cy.get('.ProseMirror').contains('p:first', 'First Paragraph')
+    cy.get('.ProseMirror').contains('p:nth-child(2)', 'Second Paragraph')
+  })
 
-    it('backspace should remove the second paragraph', () => {
-      cy.get('.ProseMirror').type('{enter}', {force: true})
-      cy.get('.ProseMirror').find('p').should('have.length', 2)
-      cy.get('.ProseMirror').type('{backspace}', {force: true})
-      cy.get('.ProseMirror').find('p').should('have.length', 1)
-    })
+  it('backspace should remove the second paragraph', () => {
+    cy.get('.ProseMirror').type('{enter}', { force: true })
+    cy.get('.ProseMirror').find('p').should('have.length', 2)
+    cy.get('.ProseMirror').type('{backspace}', { force: true })
+    cy.get('.ProseMirror').find('p').should('have.length', 1)
   })
 })

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

@@ -1,39 +1,42 @@
 context('/api/extensions/strike', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/strike')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  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 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 button should toggle the selected text striked', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ 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 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('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')
-    })
+  it('should make a striked text from the markdown shortcut', () => {
+    cy.get('.ProseMirror')
+      .type('~Strike~', { force: true })
+      .contains('s', 'Strike')
   })
 })

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

@@ -1,33 +1,36 @@
 context('/api/extensions/underline', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/api/extensions/underline')
+  })
 
+  beforeEach(() => {
     cy.get('.ProseMirror').window().then(window => {
       const { editor } = window
       editor.setContent('<p>Example Text</p>')
-      editor.focus().selectAll()
+      editor.selectAll()
+      cy.wait(10)
     })
   })
 
-  describe('bold', () => {
-    it('the button should underline the selected text', () => {
-      cy.get('.demo__preview button:first').click({ force: true })
-      cy.get('.ProseMirror').contains('u', 'Example Text')
-    })
+  it('the button should underline the selected text', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').contains('u', 'Example Text')
+  })
 
-    it('the button should toggle the selected text underline', () => {
-      cy.get('.demo__preview button:first').dblclick({ force: true })
-      cy.get('.ProseMirror u').should('not.exist')
-    })
+  it('the button should toggle the selected text underline', () => {
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror').type('{selectall}', { force: true })
+    cy.get('.demo__preview button:first').click({ force: true })
+    cy.get('.ProseMirror u').should('not.exist')
+  })
 
-    it('the keyboard shortcut should underline the selected text', () => {
-      cy.get('.ProseMirror').type('{meta}u', {force: true})
-      cy.get('.ProseMirror').contains('u', 'Example Text')
-    })
+  it('the keyboard shortcut should underline the selected text', () => {
+    cy.get('.ProseMirror').type('{meta}u', { force: true })
+    cy.get('.ProseMirror').contains('u', 'Example Text')
+  })
 
-    it('the keyboard shortcut should toggle the selected text underline', () => {
-      cy.get('.ProseMirror').type('{meta}u', {force: true}).type('{meta}u', {force: true})
-      cy.get('.ProseMirror u').should('not.exist')
-    })
+  it('the keyboard shortcut should toggle the selected text underline', () => {
+    cy.get('.ProseMirror').type('{meta}u', { force: true }).type('{meta}u', { force: true })
+    cy.get('.ProseMirror u').should('not.exist')
   })
 })