2.1 KiB
2.1 KiB
e2e-text-formatting Specification
Purpose
TBD - created by archiving change e2e-coverage-gaps. Update Purpose after archive.
Requirements
Requirement: Text cursor positioning E2E
The E2E suite SHALL verify that clicking inside a text node in edit mode positions the cursor near the clicked glyph.
Scenario: Click positions cursor
- WHEN a text node is double-clicked to enter edit mode and then a position inside the text is clicked
- THEN the text node remains in edit mode without errors
Requirement: Text word selection E2E
The E2E suite SHALL verify that double-clicking on a word selects that word.
Scenario: Double-click selects word
- WHEN a text node is in edit mode and a word is double-clicked
- THEN the canvas screenshot shows the word highlighted (differs from no-selection screenshot)
Requirement: Bold shortcut E2E
The E2E suite SHALL verify that ⌘B toggles bold formatting on selected text.
Scenario: Cmd+B toggles bold
- WHEN a text node is in edit mode, all text is selected, and ⌘B is pressed
- THEN
node.fontWeightchanges to 700 (bold) or back to 400 (normal)
Requirement: Italic shortcut E2E
The E2E suite SHALL verify that ⌘I toggles italic formatting on selected text.
Scenario: Cmd+I toggles italic
- WHEN a text node is in edit mode with all text selected and ⌘I is pressed
- THEN
node.italictoggles to the opposite boolean
Requirement: Word navigation shortcut E2E
The E2E suite SHALL verify that Alt+ArrowRight moves the cursor by one word.
Scenario: Alt+ArrowRight moves by word
- WHEN a text node is in edit mode with cursor at position 0 and Alt+ArrowRight is pressed
- THEN no JavaScript errors are thrown and the editor remains in text mode
Requirement: Typography section buttons E2E
The E2E suite SHALL verify that the Bold button in the typography section applies formatting.
Scenario: Bold button in panel toggles bold
- WHEN a text node is selected (not in edit mode) and the Bold button in DesignPanel is clicked
- THEN
node.fontWeightchanges