Skip to content

feat: update "fontStylePreview" icon. #1922

feat: update "fontStylePreview" icon.

feat: update "fontStylePreview" icon. #1922

Triggered via pull request September 6, 2024 10:46
Status Failure
Total duration 5m 26s
Artifacts 1

e2e.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

11 errors and 2 notices
E2E
Process completed with exit code 1.
[chromium] › tests/font.spec.ts:7:9 › Font › previous text style should not be inherited: projects/demo-playwright/tests/font.spec.ts#L27
1) [chromium] › tests/font.spec.ts:7:9 › Font › previous text style should not be inherited ────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/font.spec.ts-snapshots/Font-01-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-font-Font-previous-text-style-should-not-be-inherited-chromium/Font-01-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-font-Font-previous-text-style-should-not-be-inherited-chromium/Font-01-diff.png Call log: - expect.toHaveScreenshot(Font-01.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 25 | await page.locator('[contenteditable]').nth(0).focus(); 26 | > 27 | await expect(page.locator('tui-editor')).toHaveScreenshot('Font-01.png'); | ^ 28 | 29 | await page.locator('[contenteditable]').nth(0).focus(); 30 | await page.keyboard.press('Meta+A'); at /home/runner/work/editor/editor/projects/demo-playwright/tests/font.spec.ts:27:50
[chromium] › tests/font.spec.ts:7:9 › Font › previous text style should not be inherited: projects/demo-playwright/tests/font.spec.ts#L27
1) [chromium] › tests/font.spec.ts:7:9 › Font › previous text style should not be inherited ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/font.spec.ts-snapshots/Font-01-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-font-Font-previous-text-style-should-not-be-inherited-chromium-retry1/Font-01-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-font-Font-previous-text-style-should-not-be-inherited-chromium-retry1/Font-01-diff.png Call log: - expect.toHaveScreenshot(Font-01.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 25 | await page.locator('[contenteditable]').nth(0).focus(); 26 | > 27 | await expect(page.locator('tui-editor')).toHaveScreenshot('Font-01.png'); | ^ 28 | 29 | await page.locator('[contenteditable]').nth(0).focus(); 30 | await page.keyboard.press('Meta+A'); at /home/runner/work/editor/editor/projects/demo-playwright/tests/font.spec.ts:27:50
[chromium] › tests/img.spec.ts:7:9 › Img › base64: projects/demo-playwright/tests/img.spec.ts#L11
2) [chromium] › tests/img.spec.ts:7:9 › Img › base64 ───────────────────────────────────────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/img.spec.ts-snapshots/Img-01-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-img-Img-base64-chromium/Img-01-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-img-Img-base64-chromium/Img-01-diff.png Call log: - expect.toHaveScreenshot(Img-01.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.locator('[contenteditable]').nth(0).focus(); 10 | > 11 | await expect(page.locator('#demo-content tui-editor')).toHaveScreenshot( | ^ 12 | 'Img-01.png', 13 | ); 14 | }); at /home/runner/work/editor/editor/projects/demo-playwright/tests/img.spec.ts:11:64
[chromium] › tests/img.spec.ts:7:9 › Img › base64: projects/demo-playwright/tests/img.spec.ts#L11
2) [chromium] › tests/img.spec.ts:7:9 › Img › base64 ───────────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/img.spec.ts-snapshots/Img-01-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-img-Img-base64-chromium-retry1/Img-01-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-img-Img-base64-chromium-retry1/Img-01-diff.png Call log: - expect.toHaveScreenshot(Img-01.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-valid ng-dirty ng-touched _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-valid ng-dirty ng-touched _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.locator('[contenteditable]').nth(0).focus(); 10 | > 11 | await expect(page.locator('#demo-content tui-editor')).toHaveScreenshot( | ^ 12 | 'Img-01.png', 13 | ); 14 | }); at /home/runner/work/editor/editor/projects/demo-playwright/tests/img.spec.ts:11:64
[chromium] › tests/img.spec.ts:16:9 › Img › preview display of images: projects/demo-playwright/utils/goto.ts#L43
3) [chromium] › tests/img.spec.ts:16:9 › Img › preview display of images ───────────────────────── Error: Timed out 15000ms waiting for expect(locator).toHaveClass(expected) Locator: locator('app') Expected pattern: /_loaded/ Received string: "" Call log: - expect.toHaveClass with timeout 15000ms - waiting for locator('app') - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" at utils/goto.ts:43 41 | const response = await page.goto(url, playwrightGotoOptions); 42 | > 43 | await expect(page.locator('app')).toHaveClass(/_loaded/, {timeout: 15_000}); | ^ 44 | 45 | if (hideHeader) { 46 | for (const locator of await page.locator('[tuidocheader]').all()) { at tuiGoto (/home/runner/work/editor/editor/projects/demo-playwright/utils/goto.ts:43:39) at /home/runner/work/editor/editor/projects/demo-playwright/tests/img.spec.ts:17:9
[chromium] › tests/img.spec.ts:16:9 › Img › preview display of images: projects/demo-playwright/utils/goto.ts#L43
3) [chromium] › tests/img.spec.ts:16:9 › Img › preview display of images ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 15000ms waiting for expect(locator).toHaveClass(expected) Locator: locator('app') Expected pattern: /_loaded/ Received string: "" Call log: - expect.toHaveClass with timeout 15000ms - waiting for locator('app') - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" - locator resolved to <app></app> - unexpected value "" at utils/goto.ts:43 41 | const response = await page.goto(url, playwrightGotoOptions); 42 | > 43 | await expect(page.locator('app')).toHaveClass(/_loaded/, {timeout: 15_000}); | ^ 44 | 45 | if (hideHeader) { 46 | for (const locator of await page.locator('[tuidocheader]').all()) { at tuiGoto (/home/runner/work/editor/editor/projects/demo-playwright/utils/goto.ts:43:39) at /home/runner/work/editor/editor/projects/demo-playwright/tests/img.spec.ts:17:9
[chromium] › tests/links.spec.ts:12:9 › Links › check if at least one link exists: projects/demo-playwright/tests/links.spec.ts#L15
4) [chromium] › tests/links.spec.ts:12:9 › Links › check if at least one link exists ───────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/links.spec.ts-snapshots/Links-01-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-check-if-at-least-one-link-exists-chromium/Links-01-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-check-if-at-least-one-link-exists-chromium/Links-01-diff.png Call log: - expect.toHaveScreenshot(Links-01.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.locator('tui-editor a').nth(0).click(); 14 | > 15 | await expect(page.locator('tui-editor')).toHaveScreenshot('Links-01.png'); | ^ 16 | }); 17 | 18 | test('switch links between', async ({page}) => { at /home/runner/work/editor/editor/projects/demo-playwright/tests/links.spec.ts:15:50
[chromium] › tests/links.spec.ts:12:9 › Links › check if at least one link exists: projects/demo-playwright/tests/links.spec.ts#L15
4) [chromium] › tests/links.spec.ts:12:9 › Links › check if at least one link exists ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/links.spec.ts-snapshots/Links-01-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-check-if-at-least-one-link-exists-chromium-retry1/Links-01-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-check-if-at-least-one-link-exists-chromium-retry1/Links-01-diff.png Call log: - expect.toHaveScreenshot(Links-01.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.locator('tui-editor a').nth(0).click(); 14 | > 15 | await expect(page.locator('tui-editor')).toHaveScreenshot('Links-01.png'); | ^ 16 | }); 17 | 18 | test('switch links between', async ({page}) => { at /home/runner/work/editor/editor/projects/demo-playwright/tests/links.spec.ts:15:50
[chromium] › tests/links.spec.ts:18:9 › Links › switch links between: projects/demo-playwright/tests/links.spec.ts#L28
5) [chromium] › tests/links.spec.ts:18:9 › Links › switch links between ────────────────────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/links.spec.ts-snapshots/Links-02-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-switch-links-between-chromium/Links-02-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-switch-links-between-chromium/Links-02-diff.png Call log: - expect.toHaveScreenshot(Links-02.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 26 | await page.keyboard.press('Enter'); 27 | > 28 | await expect(page.locator('tui-editor')).toHaveScreenshot('Links-02.png'); | ^ 29 | 30 | await page.locator('tui-editor sup').nth(0).dblclick({force: true}); 31 | at /home/runner/work/editor/editor/projects/demo-playwright/tests/links.spec.ts:28:50
[chromium] › tests/links.spec.ts:18:9 › Links › switch links between: projects/demo-playwright/tests/links.spec.ts#L28
5) [chromium] › tests/links.spec.ts:18:9 › Links › switch links between ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/editor/editor/projects/demo-playwright/snapshots/tests/links.spec.ts-snapshots/Links-02-chromium-linux.png Received: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-switch-links-between-chromium-retry1/Links-02-actual.png Diff: /home/runner/work/editor/editor/projects/demo-playwright/tests-results/tests-links-Links-switch-links-between-chromium-retry1/Links-02-diff.png Call log: - expect.toHaveScreenshot(Links-02.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-editor') - locator resolved to <tui-editor tuiappearance="" data-appearance="" ngskiphydration="true" _nghost-ng-c157831333="" _ngcontent-ng-c3013122303="" class="ng-untouched ng-valid ng-dirty _has-focus">…</tui-editor> - 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 - 638 pixels (ratio 0.01 of all image pixels) are different. 26 | await page.keyboard.press('Enter'); 27 | > 28 | await expect(page.locator('tui-editor')).toHaveScreenshot('Links-02.png'); | ^ 29 | 30 | await page.locator('tui-editor sup').nth(0).dblclick({force: true}); 31 | at /home/runner/work/editor/editor/projects/demo-playwright/tests/links.spec.ts:28:50
🎭 Playwright Run Summary
12 failed [chromium] › tests/font.spec.ts:7:9 › Font › previous text style should not be inherited ─────── [chromium] › tests/img.spec.ts:7:9 › Img › base64 ────────────────────────────────────────────── [chromium] › tests/img.spec.ts:16:9 › Img › preview display of images ────────────────────────── [chromium] › tests/links.spec.ts:12:9 › Links › check if at least one link exists ────────────── [chromium] › tests/links.spec.ts:18:9 › Links › switch links between ─────────────────────────── [chromium] › tests/toolbar.spec.ts:7:9 › Toolbar › closes tool's dropdown if opened new tool's dropdown [chromium] › tests/toolbar.spec.ts:27:9 › Toolbar › closes tool's dropdown if clicked outside ── [chromium] › tests/toolbar.spec.ts:45:9 › Toolbar › has the possibility to add custom tool ───── [chromium] › tests/toolbar.spec.ts:73:9 › Toolbar › make a html table by 2x2 ─────────────────── [chromium] › tests/toolbar.spec.ts:98:9 › Toolbar › set table without style inheritance ──────── [chromium] › tests/toolbar.spec.ts:144:9 › Toolbar › focuses nearest left/right active tool on "Arrow Right"/"Arrow Left" [chromium] › tests/toolbar.spec.ts:167:9 › Toolbar › skips disabled tools and selects next tool after disabled 4 passed (59.4s)
🎭 Playwright Run Summary
16 passed (30.5s)

Artifacts

Produced during runtime
Name Size
playwright-e2e-artifacts--57611a9bc0bc4abbdfe40b60a6eff245033a4015-10737023180-1350 Expired
3 MB