fix: test cases for font size

ueberdosis · Nov 30, 2024 · 19891d0 · 19891d0
1 parent a94c9e2
commit 19891d0
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/demos/src/Extensions/FontSize/React/index.jsx b/demos/src/Extensions/FontSize/React/index.jsx
@@ -38,6 +38,7 @@ export default () => {
         </button>
         <button
           onClick={() => editor.chain().focus().unsetFontSize().run()}
+          data-test-id="unsetFontSize"
         >
           Unset font size
         </button>

diff --git a/demos/src/Extensions/FontSize/React/index.spec.js b/demos/src/Extensions/FontSize/React/index.spec.js
@@ -23,6 +23,6 @@ context('/src/Extensions/FontSize/React/', () => {
     cy.get('[data-test-id="28px"]').click()
     cy.get('.tiptap').find('span').should('have.attr', 'style', 'font-size: 28px')
     cy.get('[data-test-id="unsetFontSize"]').click()
-    cy.get('.tiptap').find('span').should('not.have.attr', 'style', 'font-size: 28px')
+    cy.get('.tiptap').get('span').should('not.exist')
   })
 })
diff --git a/demos/src/Extensions/FontSize/Vue/index.spec.js b/demos/src/Extensions/FontSize/Vue/index.spec.js
@@ -23,6 +23,6 @@ context('/src/Extensions/FontSize/Vue/', () => {
     cy.get('[data-test-id="28px"]').click()
     cy.get('.tiptap').find('span').should('have.attr', 'style', 'font-size: 28px')
     cy.get('[data-test-id="unsetFontSize"]').click()
-    cy.get('.tiptap').find('span').should('not.have.attr', 'style', 'font-size: 28px')
+    cy.get('.tiptap').get('span').should('not.exist')
   })
 })
diff --git a/demos/src/Extensions/FontSize/Vue/index.vue b/demos/src/Extensions/FontSize/Vue/index.vue
@@ -2,13 +2,13 @@
   <div v-if="editor" class="container">
     <div class="control-group">
       <div class="button-group">
-        <button @click="editor.chain().focus().setFontSize('28px').run()" :class="{ 'is-active': editor.isActive('textStyle', { fontSize: '28px' }) }" data-test-id="'28px'">
+        <button @click="editor.chain().focus().setFontSize('28px').run()" :class="{ 'is-active': editor.isActive('textStyle', { fontSize: '28px' }) }" data-test-id="28px">
           Font size 28px
         </button>
-        <button @click="editor.chain().focus().setFontSize('32px').run()" :class="{ 'is-active': editor.isActive('textStyle', { fontSize: '32px' }) }" data-test-id="'32px'">
+        <button @click="editor.chain().focus().setFontSize('32px').run()" :class="{ 'is-active': editor.isActive('textStyle', { fontSize: '32px' }) }" data-test-id="32px">
           Font size 32px
         </button>
-        <button @click="editor.chain().focus().unsetFontSize().run()">
+        <button @click="editor.chain().focus().unsetFontSize().run()" data-test-id="unsetFontSize">
           Unset font size
         </button>
       </div>