snapshot of https://github.com/ueberdosis/tiptap.git (main, 2026-09-15; blobs > 131072B omitted)

packages/extension-text-style/tests/integration/fontFamilyCommands.test.ts

@@ -0,0 +1,60 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { FontFamily, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('FontFamily commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('sets the font-family of the selected text', () => {
+    expect(editor.isActive('textStyle', { fontFamily: 'monospace' })).toBe(false)
+    editor.commands.setFontFamily('monospace')
+    expect(editor.isActive('textStyle', { fontFamily: 'monospace' })).toBe(true)
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.textContent).toBe('Example Text')
+    expect((span as HTMLSpanElement | null)?.style.fontFamily).toBe('monospace')
+  })
+
+  it('removes the font-family of the selected text', () => {
+    editor.commands.setFontFamily('monospace')
+    expect(editor.getHTML()).toContain('<span')
+
+    editor.commands.unsetFontFamily()
+    expect(editor.getHTML()).not.toContain('<span')
+  })
+
+  it('allows CSS variables as a font-family', () => {
+    editor.commands.setFontFamily('var(--title-font-family)')
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.style.fontFamily).toBe('var(--title-font-family)')
+  })
+
+  it('allows fonts containing multiple font families', () => {
+    editor.commands.setFontFamily('"Comic Sans MS", "Comic Sans"')
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.style.fontFamily).toBe('"Comic Sans MS", "Comic Sans"')
+  })
+
+  it('allows fonts containing a space and number as a font-family', () => {
+    editor.commands.setFontFamily('"Exo 2"')
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.style.fontFamily).toBe('"Exo 2"')
+  })
+})