083a46e93b
Some checks failed
Verify / Install node dependencies (push) Failing after 2s
Verify / Build packages (push) Has been skipped
Verify / Check linting & formatting (push) Has been skipped
Verify / Run unit tests (push) Has been skipped
Verify / Run e2e tests (shard 1/4) (push) Has been skipped
Verify / Run e2e tests (shard 2/4) (push) Has been skipped
Verify / Run e2e tests (shard 3/4) (push) Has been skipped
Verify / Run e2e tests (shard 4/4) (push) Has been skipped
Publish / Resolve publish config (push) Failing after 2s
Publish / Send notification to Slack (push) Has been skipped
Publish / Send failure notification to Slack (push) Failing after 8s
Verify / Merge e2e reports (push) Has been skipped
Publish / Build (push) Has been skipped
Publish / Bump Versions OR Release to Registry (push) Has been skipped
61 lines
2.1 KiB
TypeScript
61 lines
2.1 KiB
TypeScript
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"')
|
|
})
|
|
})
|