Test/fix e2e workflow #1148
Open
Test/fix e2e workflow #1148
GitHub Actions / E2E Tests - tinymce5
failed
May 19, 2026 in 0s
89 passed, 4 failed and 53 skipped
❌ tests/e2e/test-results/results.xml
146 tests were completed in 266s with 89 passed, 4 failed and 53 skipped.
✅ edit/edit_corner_cases.spec.ts
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-81 Edit styled equation: tinymce5 editor
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-97 Validate formula edition on styled text blocks: tinymce5 editor
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-85 User edits a formula and continues typing text: tinymce5 editor
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-100 User edits a formula deleted during edition: tinymce5 editor
⚪ Edit equation (corner cases) - tinymce5 editor › MTHTML-9 User edits formula via contextual toolbar: tinymce5 editor
✅ edit/edit_corner_cases.spec.ts
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-81 Edit styled equation: tinymce5 editor
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-97 Validate formula edition on styled text blocks: tinymce5 editor
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-85 User edits a formula and continues typing text: tinymce5 editor
✅ Edit equation (corner cases) - tinymce5 editor › MTHTML-100 User edits a formula deleted during edition: tinymce5 editor
⚪ Edit equation (corner cases) - tinymce5 editor › MTHTML-9 User edits formula via contextual toolbar: tinymce5 editor
✅ edit/edit_hand.spec.ts
✅ Edit equation by hand - tinymce5 editor › @smoke MTHTML-8 Edit Hand equation with MathType: tinymce5 editor
✅ Edit equation by hand - tinymce5 editor › @smoke MTHTML-8 Edit Hand equation with ChemType: tinymce5 editor
✅ edit/edit_hand.spec.ts
✅ Edit equation by hand - tinymce5 editor › @smoke MTHTML-8 Edit Hand equation with MathType: tinymce5 editor
✅ Edit equation by hand - tinymce5 editor › @smoke MTHTML-8 Edit Hand equation with ChemType: tinymce5 editor
✅ edit/edit_via_doble_click.spec.ts
✅ Edit equation via double click - tinymce5 editor › @smoke MTHTML-2 Edit Math equation: tinymce5 editor
✅ Edit equation via double click - tinymce5 editor › @smoke MTHTML-2 Edit Chemistry equation: tinymce5 editor
✅ edit/edit_via_doble_click.spec.ts
✅ Edit equation via double click - tinymce5 editor › @smoke MTHTML-2 Edit Math equation: tinymce5 editor
✅ Edit equation via double click - tinymce5 editor › @smoke MTHTML-2 Edit Chemistry equation: tinymce5 editor
✅ edit/edit_via_selection.spec.ts
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Math equation with MathType: tinymce5 editor
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Chemistry equation with MathType: tinymce5 editor
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Math equation with ChemType: tinymce5 editor
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Chemistry equation with ChemType: tinymce5 editor
✅ edit/edit_via_selection.spec.ts
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Math equation with MathType: tinymce5 editor
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Chemistry equation with MathType: tinymce5 editor
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Math equation with ChemType: tinymce5 editor
✅ Edit equation via selection - tinymce5 editor › @smoke MTHTML-8 Edit Chemistry equation with ChemType: tinymce5 editor
✅ editor/copy_cut_drop.spec.ts
✅ Copy/Cut/Paste/Drag&Drop - tinymce5 editor › MTHTML-95 Copy-paste math formula with tinymce5 editor
✅ Copy/Cut/Paste/Drag&Drop - tinymce5 editor › MTHTML-96 Cut-paste math formula with tinymce5 editor
⚪ Copy/Cut/Paste/Drag&Drop - tinymce5 editor › MTHTML-86 Drag-drop math formula with tinymce5 editor
✅ editor/copy_cut_drop.spec.ts
✅ Copy/Cut/Paste/Drag&Drop - tinymce5 editor › MTHTML-95 Copy-paste math formula with tinymce5 editor
✅ Copy/Cut/Paste/Drag&Drop - tinymce5 editor › MTHTML-96 Cut-paste math formula with tinymce5 editor
⚪ Copy/Cut/Paste/Drag&Drop - tinymce5 editor › MTHTML-86 Drag-drop math formula with tinymce5 editor
✅ editor/editor.spec.ts
✅ Editor functionality - tinymce5 editor › Undo and Redo › MTHTML-78 Undo and redo math formula with tinymce5 editor
✅ Editor functionality - tinymce5 editor › Resize › MTHTML-22 Formulas cannot be resized tinymce5 editor
⚪ Editor functionality - tinymce5 editor › Source code › MTHTML-87 Edit source code of a math formula with tinymce5 editor
✅ Editor functionality - tinymce5 editor › Styled text › MTHTML-79 Validate formula insertion after typing text that contains styles: tinymce5 editor
✅ editor/editor.spec.ts
✅ Editor functionality - tinymce5 editor › Undo and Redo › MTHTML-78 Undo and redo math formula with tinymce5 editor
✅ Editor functionality - tinymce5 editor › Resize › MTHTML-22 Formulas cannot be resized tinymce5 editor
⚪ Editor functionality - tinymce5 editor › Source code › MTHTML-87 Edit source code of a math formula with tinymce5 editor
✅ Editor functionality - tinymce5 editor › Styled text › MTHTML-79 Validate formula insertion after typing text that contains styles: tinymce5 editor
❌ insert/insert_corner_cases.spec.ts
✅ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-80 Insert styled equation: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-68 Insert equation with special characters: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-90 User inserts a formula when the editor input doesn't have focus: tinymce5 editor
❌ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor
[chromium] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
✅ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-80 Insert styled equation: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-68 Insert equation with special characters: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-90 User inserts a formula when the editor input doesn't have focus: tinymce5 editor
❌ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor
[chromium] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
❌ insert/insert_corner_cases.spec.ts
✅ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-80 Insert styled equation: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-68 Insert equation with special characters: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-90 User inserts a formula when the editor input doesn't have focus: tinymce5 editor
❌ Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor
[firefox] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
✅ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-80 Insert styled equation: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-68 Insert equation with special characters: tinymce5 editor
✅ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-90 User inserts a formula when the editor input doesn't have focus: tinymce5 editor
❌ Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor
[firefox] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
✅ insert/insert_hand.spec.ts
✅ Insert equation via Hand - tinymce5 editor - MathType › @smoke MTHTML-20 Insert a handwritten equation using MathType: tinymce5 editor
✅ Insert equation via Hand - tinymce5 editor - ChemType › @smoke MTHTML-20 Insert a handwritten equation using ChemType: tinymce5 editor
✅ insert/insert_hand.spec.ts
✅ Insert equation via Hand - tinymce5 editor - MathType › @smoke MTHTML-20 Insert a handwritten equation using MathType: tinymce5 editor
✅ Insert equation via Hand - tinymce5 editor - ChemType › @smoke MTHTML-20 Insert a handwritten equation using ChemType: tinymce5 editor
✅ insert/insert.spec.ts
✅ Insert equation - tinymce5 editor - MathType › @smoke MTHTML-1 Insert equation with MathType via keyboard: tinymce5 editor
✅ Insert equation - tinymce5 editor - MathType › Insert equation with MathType using MathML: tinymce5 editor
✅ Insert equation - tinymce5 editor - ChemType › @smoke MTHTML-1 Insert equation with ChemType via keyboard: tinymce5 editor
✅ Insert equation - tinymce5 editor - ChemType › Insert equation with ChemType using MathML: tinymce5 editor
✅ ALT Attribute - tinymce5 editor › MTHTML-19 Formula - ALT attribute: tinymce5 editor
✅ insert/insert.spec.ts
✅ Insert equation - tinymce5 editor - MathType › @smoke MTHTML-1 Insert equation with MathType via keyboard: tinymce5 editor
✅ Insert equation - tinymce5 editor - MathType › Insert equation with MathType using MathML: tinymce5 editor
✅ Insert equation - tinymce5 editor - ChemType › @smoke MTHTML-1 Insert equation with ChemType via keyboard: tinymce5 editor
✅ Insert equation - tinymce5 editor - ChemType › Insert equation with ChemType using MathML: tinymce5 editor
✅ ALT Attribute - tinymce5 editor › MTHTML-19 Formula - ALT attribute: tinymce5 editor
✅ latex/latex.spec.ts
✅ LaTeX - tinymce5 editor › Validate LaTeX formula detection: tinymce5 editor
✅ LaTeX - tinymce5 editor › Insert formula using LaTeX equation entry form: tinymce5 editor
✅ LaTeX - tinymce5 editor › @smoke MTHTML-10 Edit LaTeX equation: tinymce5 editor
✅ LaTeX - tinymce5 editor › Edit empty LaTeX equation: tinymce5 editor
✅ latex/latex.spec.ts
✅ LaTeX - tinymce5 editor › Validate LaTeX formula detection: tinymce5 editor
✅ LaTeX - tinymce5 editor › Insert formula using LaTeX equation entry form: tinymce5 editor
✅ LaTeX - tinymce5 editor › @smoke MTHTML-10 Edit LaTeX equation: tinymce5 editor
✅ LaTeX - tinymce5 editor › Edit empty LaTeX equation: tinymce5 editor
✅ modal/confirmation_dialog.spec.ts
✅ Confirmation dialog - tinymce5 editor › MTHTML-11 When wiris editor contains no changes and user clicks the Cancel button, modal closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-3 When wiris editor contains changes and user clicks the Cancel button, modal displays confirmation dialog: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › When confirmation dialog is displayed and user clicks cancel, confirmation dialog closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-12 When confirmation dialog is displayed and user clicks the Close button, wiris editor closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-14 When confirmation dialog is displayed and user press the ESC key, wiris editor closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-29 Insert an equation after aborting the cancel: tinymce5 editor
✅ modal/confirmation_dialog.spec.ts
✅ Confirmation dialog - tinymce5 editor › MTHTML-11 When wiris editor contains no changes and user clicks the Cancel button, modal closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-3 When wiris editor contains changes and user clicks the Cancel button, modal displays confirmation dialog: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › When confirmation dialog is displayed and user clicks cancel, confirmation dialog closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-12 When confirmation dialog is displayed and user clicks the Close button, wiris editor closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-14 When confirmation dialog is displayed and user press the ESC key, wiris editor closes: tinymce5 editor
✅ Confirmation dialog - tinymce5 editor › MTHTML-29 Insert an equation after aborting the cancel: tinymce5 editor
✅ modal/toolbar.spec.ts
✅ Toolbar functions - tinymce5 editor › MTHTML-13 When the modal is displayed and close button is clicked, wiris modal closes: tinymce5 editor
✅ Toolbar functions - tinymce5 editor › When the modal is displayed and enable full screen button is clicked, display changes to full-screen: tinymce5 editor
✅ Toolbar functions - tinymce5 editor › When the modal is displayed in full screen mode and disable full-screen button is clicked, display changes to normal: tinymce5 editor
⚪ Toolbar functions - tinymce5 editor › When the modal is displayed and minimize button is clicked, modal is minimized: tinymce5 editor
⚪ Toolbar functions - tinymce5 editor › When the modal is minimized and user double clicks the banner, modal opens: tinymce5 editor
⚪ Toolbar functions - tinymce5 editor › When the modal is minimized from full-screen mode and user double clicks the banner, modal opens in full-screen mode: tinymce5 editor
✅ Toolbar functions - tinymce5 editor › MTHTML-15 When the modal is displayed and ESC key is pressed, wiris modal closes: tinymce5 editor
✅ modal/toolbar.spec.ts
✅ Toolbar functions - tinymce5 editor › MTHTML-13 When the modal is displayed and close button is clicked, wiris modal closes: tinymce5 editor
✅ Toolbar functions - tinymce5 editor › When the modal is displayed and enable full screen button is clicked, display changes to full-screen: tinymce5 editor
✅ Toolbar functions - tinymce5 editor › When the modal is displayed in full screen mode and disable full-screen button is clicked, display changes to normal: tinymce5 editor
⚪ Toolbar functions - tinymce5 editor › When the modal is displayed and minimize button is clicked, modal is minimized: tinymce5 editor
⚪ Toolbar functions - tinymce5 editor › When the modal is minimized and user double clicks the banner, modal opens: tinymce5 editor
⚪ Toolbar functions - tinymce5 editor › When the modal is minimized from full-screen mode and user double clicks the banner, modal opens in full-screen mode: tinymce5 editor
✅ Toolbar functions - tinymce5 editor › MTHTML-15 When the modal is displayed and ESC key is pressed, wiris modal closes: tinymce5 editor
✅ telemetry/telemetry.spec.ts
✅ Telemetry › MTHTML-59 MathType all events testing: tinymce5 editor
✅ telemetry/telemetry.spec.ts
⚪ Telemetry › MTHTML-59 MathType all events testing: tinymce5 editor
✅ track-changes/equations_changes.spec.ts
⚪ Track Changes - tinymce5 editor › MTHTML-113 Insert equation - MathType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-115 Delete equation - MathType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-114 Edit equation - MathType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-113 Insert equation - ChemType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-115 Delete equation - ChemType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-114 Edit equation - ChemType toolbar
✅ track-changes/equations_changes.spec.ts
⚪ Track Changes - tinymce5 editor › MTHTML-113 Insert equation - MathType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-115 Delete equation - MathType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-114 Edit equation - MathType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-113 Insert equation - ChemType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-115 Delete equation - ChemType toolbar
⚪ Track Changes - tinymce5 editor › MTHTML-114 Edit equation - ChemType toolbar
✅ track-changes/latex_changes.spec.ts
⚪ Track Changes Latex - tinymce5 editor › MTHTML-119 Edit existing latex equation via MT/CT - MathType toolbar
⚪ Track Changes Latex - tinymce5 editor › MTHTML-120 Edit existing latex equation manually and via MT/CT - MathType toolbar
⚪ Track Changes Latex - tinymce5 editor › MTHTML-119 Edit existing latex equation via MT/CT - ChemType toolbar
⚪ Track Changes Latex - tinymce5 editor › MTHTML-120 Edit existing latex equation manually and via MT/CT - ChemType toolbar
✅ track-changes/latex_changes.spec.ts
⚪ Track Changes Latex - tinymce5 editor › MTHTML-119 Edit existing latex equation via MT/CT - MathType toolbar
⚪ Track Changes Latex - tinymce5 editor › MTHTML-120 Edit existing latex equation manually and via MT/CT - MathType toolbar
⚪ Track Changes Latex - tinymce5 editor › MTHTML-119 Edit existing latex equation via MT/CT - ChemType toolbar
⚪ Track Changes Latex - tinymce5 editor › MTHTML-120 Edit existing latex equation manually and via MT/CT - ChemType toolbar
✅ track-changes/toolbar_changes.spec.ts
⚪ Track Changes Options - tinymce5 editor › MTHTML-117 Accept all suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-118 Discard all suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › Accept all selected suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › Discard all selected suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-116 Preview final result - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-117 Accept all suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-118 Discard all suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › Accept all selected suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › Discard all selected suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-116 Preview final result - ChemType toolbar
✅ track-changes/toolbar_changes.spec.ts
⚪ Track Changes Options - tinymce5 editor › MTHTML-117 Accept all suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-118 Discard all suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › Accept all selected suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › Discard all selected suggestions - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-116 Preview final result - MathType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-117 Accept all suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-118 Discard all suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › Accept all selected suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › Discard all selected suggestions - ChemType toolbar
⚪ Track Changes Options - tinymce5 editor › MTHTML-116 Preview final result - ChemType toolbar
Annotations
Check failure on line 0 in tests/e2e/test-results/results.xml
github-actions / E2E Tests - tinymce5
insert/insert_corner_cases.spec.ts ► Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor
Failed test found in:
tests/e2e/test-results/results.xml
Error:
[chromium] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression Raw output
[chromium] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
217 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: alignment-tinymce5-MathType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-MathType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 217 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 217 pixels (ratio 0.02 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-MathType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-MathType-chromium-linux.png
Received: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium/alignment-tinymce5-MathType-actual.png
Diff: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium/alignment-tinymce5-MathType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
217 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: alignment-tinymce5-MathType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-MathType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 217 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 217 pixels (ratio 0.02 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-MathType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-MathType-chromium-linux.png
Received: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium-retry1/alignment-tinymce5-MathType-actual.png
Diff: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium-retry1/alignment-tinymce5-MathType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium-retry1/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium-retry1/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium-retry1/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-chromium-retry1/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Check failure on line 0 in tests/e2e/test-results/results.xml
github-actions / E2E Tests - tinymce5
insert/insert_corner_cases.spec.ts ► Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor
Failed test found in:
tests/e2e/test-results/results.xml
Error:
[chromium] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression Raw output
[chromium] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
217 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: alignment-tinymce5-ChemType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-ChemType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 217 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 217 pixels (ratio 0.02 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-ChemType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-ChemType-chromium-linux.png
Received: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium/alignment-tinymce5-ChemType-actual.png
Diff: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium/alignment-tinymce5-ChemType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
217 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: alignment-tinymce5-ChemType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-ChemType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 217 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 217 pixels (ratio 0.02 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-ChemType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-ChemType-chromium-linux.png
Received: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium-retry1/alignment-tinymce5-ChemType-actual.png
Diff: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium-retry1/alignment-tinymce5-ChemType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium-retry1/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium-retry1/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium-retry1/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-chromium-retry1/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Check failure on line 0 in tests/e2e/test-results/results.xml
github-actions / E2E Tests - tinymce5
insert/insert_corner_cases.spec.ts ► Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor
Failed test found in:
tests/e2e/test-results/results.xml
Error:
[firefox] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression Raw output
[firefox] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - MathType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
147 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: alignment-tinymce5-MathType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-MathType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 147 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 147 pixels (ratio 0.01 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-MathType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-MathType-firefox-linux.png
Received: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox/alignment-tinymce5-MathType-actual.png
Diff: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox/alignment-tinymce5-MathType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
147 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: alignment-tinymce5-MathType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-MathType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 147 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 147 pixels (ratio 0.01 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-MathType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-MathType-firefox-linux.png
Received: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox-retry1/alignment-tinymce5-MathType-actual.png
Diff: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox-retry1/alignment-tinymce5-MathType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox-retry1/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox-retry1/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox-retry1/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-acd8f-a-alignment-tinymce5-editor-firefox-retry1/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Check failure on line 0 in tests/e2e/test-results/results.xml
github-actions / E2E Tests - tinymce5
insert/insert_corner_cases.spec.ts ► Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor
Failed test found in:
tests/e2e/test-results/results.xml
Error:
[firefox] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression Raw output
[firefox] › insert/insert_corner_cases.spec.ts:66:11 › Insert equation (corner cases) - tinymce5 editor - ChemType › MTHTML-23 Validate formula alignment: tinymce5 editor @tinymce5 @regression
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
147 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: alignment-tinymce5-ChemType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-ChemType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 147 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 147 pixels (ratio 0.01 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-ChemType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-ChemType-firefox-linux.png
Received: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox/alignment-tinymce5-ChemType-actual.png
Diff: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox/alignment-tinymce5-ChemType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
147 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: alignment-tinymce5-ChemType.png
Call log:
- Expect "toHaveScreenshot(alignment-tinymce5-ChemType.png)" with timeout 10000ms
- verifying given screenshot expectation
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 147 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('iframe[id=\'editor_ifr\']').contentFrame().locator('body')
- locator resolved to <body id="tinymce" data-id="editor" spellcheck="false" contenteditable="true" class="mce-content-body " aria-label="Rich Text Area. Press ALT-0 for help.">…</body>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 147 pixels (ratio 0.01 of all image pixels) are different.
83 | // vertical misalignment between the formula image and the surrounding text.
84 | const editArea = editor.getEditAreaLocator()
> 85 | await expect(editArea).toHaveScreenshot(`alignment-${editorName}-${toolbar}.png`, {
| ^
86 | // Allow up to 0.1 % of pixels to differ (sub-pixel rendering, font hinting, etc.)
87 | maxDiffPixelRatio: 0.001,
88 | })
at /home/runner/work/html-integrations/html-integrations/tests/e2e/tests/insert/insert_corner_cases.spec.ts:85:32
attachment #1: alignment-tinymce5-ChemType (image/png) ─────────────────────────────────────────
Expected: ../fixtures/insert/insert_corner_cases.spec.ts-snapshots/alignment-tinymce5-ChemType-firefox-linux.png
Received: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox-retry1/alignment-tinymce5-ChemType-actual.png
Diff: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox-retry1/alignment-tinymce5-ChemType-diff.png
────────────────────────────────────────────────────────────────────────────────────────────────
attachment #2: screenshot (image/png) ──────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox-retry1/test-failed-1.png
────────────────────────────────────────────────────────────────────────────────────────────────
Error Context: ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox-retry1/error-context.md
attachment #4: trace (application/zip) ─────────────────────────────────────────────────────────
../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox-retry1/trace.zip
Usage:
yarn playwright show-trace ../test-results/insert-insert_corner_cases-b5cf8-a-alignment-tinymce5-editor-firefox-retry1/trace.zip
────────────────────────────────────────────────────────────────────────────────────────────────
Loading