Merge branch 'main' into feature/vue-node-views

docs/src/demos/Examples/Basic/index.vue

@@ -13,7 +13,7 @@
       <button @click="editor.chain().focus().toggleCode().run()" :class="{ 'is-active': editor.isActive('code') }">
         code
       </button>
-      <button @click="editor.chain().focus().unsetMarks().run()">
+      <button @click="editor.chain().focus().unsetAllMarks().run()">
         clear marks
       </button>
       <button @click="editor.chain().focus().clearNodes().run()">

docs/src/demos/Examples/Basic/tests/clearContent.spec.js

@@ -0,0 +1,25 @@
+context('clearContent', () => {
+  before(() => {
+    cy.visit('/examples/basic')
+  })
+
+  it('returns true for the clearContent command', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.setContent('<p>Example Text</p>')
+
+      const command = editor.commands.clearContent()
+
+      expect(command).to.be.eq(true)
+    })
+  })
+
+  it('clears the content when using the clearContent command', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.setContent('<p>Example Text</p>')
+
+      editor.commands.clearContent()
+
+      expect(editor.getHTML()).to.be.eq('<p></p>')
+    })
+  })
+})

docs/src/demos/Examples/Basic/tests/insertHTML.spec.js

@@ -0,0 +1,25 @@
+context('insertHTML', () => {
+  before(() => {
+    cy.visit('/examples/basic')
+  })
+
+  it('returns true for the insertHTML command', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.setContent('<p>Example Text</p>')
+
+      const command = editor.commands.insertHTML('<p>Cindy Lauper</p>')
+
+      expect(command).to.be.eq(true)
+    })
+  })
+
+  it('appends the content when using the insertHTML command', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.setContent('<p>Example Text</p>')
+
+      editor.commands.insertHTML('<p>Cindy Lauper</p>')
+
+      expect(editor.getHTML()).to.be.eq('<p>Example Text</p><p>Cindy Lauper</p>')
+    })
+  })
+})

docs/src/demos/Examples/Basic/tests/setContent.spec.js

@@ -0,0 +1,21 @@
+context('setContent', () => {
+  before(() => {
+    cy.visit('/examples/basic')
+  })
+
+  it('returns true for the setContent command', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      const command = editor.commands.setContent('<p>Example Text</p>')
+
+      expect(command).to.be.eq(true)
+    })
+  })
+
+  it('clears the content when using the setContent command', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.commands.setContent('<p>Cindy Lauper</p>')
+
+      expect(editor.getHTML()).to.be.eq('<p>Cindy Lauper</p>')
+    })
+  })
+})

docs/src/demos/Examples/CollaborativeEditing/index.vue

@@ -13,7 +13,7 @@
       <button @click="editor.chain().focus().toggleCode().run()" :class="{ 'is-active': editor.isActive('code') }">
         code
       </button>
-      <button @click="editor.chain().focus().unsetMarks().run()">
+      <button @click="editor.chain().focus().unsetAllMarks().run()">
         clear marks
       </button>
       <button @click="editor.chain().focus().clearNodes().run()">

docs/src/demos/Examples/CollaborativeEditingWs/index.vue

@@ -13,7 +13,7 @@
       <button @click="editor.chain().focus().toggleCode().run()" :class="{ 'is-active': editor.isActive('code') }">
         code
       </button>
-      <button @click="editor.chain().focus().unsetMarks().run()">
+      <button @click="editor.chain().focus().unsetAllMarks().run()">
         clear marks
       </button>
       <button @click="editor.chain().focus().clearNodes().run()">