From f49ef7cabbeb2bbc3bca68eb1d763af8d70997b7 Mon Sep 17 00:00:00 2001
From: Alex Casillas <alexvcasillas@gmail.com>
Date: Thu, 28 Nov 2024 11:23:33 +0100
Subject: [PATCH] fix: remove unused spec for font family extension (#5886)

* fix: add new spec to check for multiple font families and fix the demo

---------

Co-authored-by: Alex Casillas <alexvcasilas@gmail.com>
---
 .../src/Extensions/FontFamily/React/index.jsx |  2 +-
 .../Extensions/FontFamily/React/index.spec.js | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/demos/src/Extensions/FontFamily/React/index.jsx b/demos/src/Extensions/FontFamily/React/index.jsx
index c63db2ea7..453abb74b 100644
--- a/demos/src/Extensions/FontFamily/React/index.jsx
+++ b/demos/src/Extensions/FontFamily/React/index.jsx
@@ -41,7 +41,7 @@ export default () => {
             Inter
           </button>
           <button
-            onClick={() => editor.chain().focus().setFontFamily('Comic Sans MS, Comic Sans').run()}
+            onClick={() => editor.chain().focus().setFontFamily('"Comic Sans MS", "Comic Sans"').run()}
             className={
               editor.isActive('textStyle', { fontFamily: '"Comic Sans MS", "Comic Sans"' })
                 ? 'is-active'
diff --git a/demos/src/Extensions/FontFamily/React/index.spec.js b/demos/src/Extensions/FontFamily/React/index.spec.js
index 03bfe5677..e6010db48 100644
--- a/demos/src/Extensions/FontFamily/React/index.spec.js
+++ b/demos/src/Extensions/FontFamily/React/index.spec.js
@@ -29,15 +29,6 @@ context('/src/Extensions/FontFamily/React/', () => {
     cy.get('.tiptap span').should('not.exist')
   })
 
-  it('should work with font-family that have spaces in them', () => {
-    cy.get('[data-test-id="comic-sans"]')
-      .should('not.have.class', 'is-active')
-      .click()
-      .should('have.class', 'is-active')
-
-    cy.get('.tiptap').find('span').should('have.attr', 'style', 'font-family: Comic Sans MS, Comic Sans')
-  })
-
   it('should allow CSS variables as a font-family', () => {
     cy.get('[data-test-id="css-variable"]')
       .should('not.have.class', 'is-active')
@@ -46,6 +37,16 @@ context('/src/Extensions/FontFamily/React/', () => {
 
     cy.get('.tiptap').find('span').should('have.attr', 'style', 'font-family: var(--title-font-family)')
   })
+
+  it('should allow fonts containing multiple font families', () => {
+    cy.get('[data-test-id="comic-sans"]')
+      .should('not.have.class', 'is-active')
+      .click()
+      .should('have.class', 'is-active')
+
+    cy.get('.tiptap').find('span').should('have.attr', 'style', 'font-family: "Comic Sans MS", "Comic Sans"')
+  })
+
   it('should allow fonts containing a space and number as a font-family', () => {
     cy.get('[data-test-id="exo2"]')
       .should('not.have.class', 'is-active')