Skip to content

fix(core): Appearance remove initial transition #4775

fix(core): Appearance remove initial transition

fix(core): Appearance remove initial transition #4775

Triggered via pull request September 17, 2024 14:35
@waterpleawaterplea
synchronize #9059
flash
Status Failure
Total duration 15m 9s
Artifacts 2

e2e-playwright.yml

on: pull_request
Matrix: playwright
Playwright E2E Tests matrix result
0s
Playwright E2E Tests matrix result
E2E result
7s
E2E result
Fit to window
Zoom out
Zoom in

Annotations

8 errors and 18 notices
[chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y: projects/demo-playwright/tests/layout/navigation.spec.ts#L37
1) [chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y ───────────────────────── Error: Screenshot comparison failed: 894 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.spec.ts-snapshots/04-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation-Navigation-A12y-chromium/04-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation-Navigation-A12y-chromium/04-navigation-diff.png Call log: - expect.toHaveScreenshot(04-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c3443978456="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - 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 - 894 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c3443978456="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - 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 - 894 pixels (ratio 0.01 of all image pixels) are different. 35 | await example.locator('aside footer button').nth(1).click(); 36 | > 37 | await expect(example).toHaveScreenshot('04-navigation.png'); | ^ 38 | 39 | await example.locator('[automation-id="setting"]').focus(); 40 | await page.keyboard.press('Enter'); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.spec.ts:37:31
[chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y: projects/demo-playwright/tests/layout/navigation.spec.ts#L37
1) [chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 894 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.spec.ts-snapshots/04-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation-Navigation-A12y-chromium-retry1/04-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation-Navigation-A12y-chromium-retry1/04-navigation-diff.png Call log: - expect.toHaveScreenshot(04-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c3443978456="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - 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 - 894 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c3443978456="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - 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 - 894 pixels (ratio 0.01 of all image pixels) are different. 35 | await example.locator('aside footer button').nth(1).click(); 36 | > 37 | await expect(example).toHaveScreenshot('04-navigation.png'); | ^ 38 | 39 | await example.locator('[automation-id="setting"]').focus(); 40 | await page.keyboard.press('Enter'); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.spec.ts:37:31
[chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y: projects/demo-playwright/tests/layout/navigation.spec.ts#L37
1) [chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y ───────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 894 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.spec.ts-snapshots/04-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation-Navigation-A12y-chromium-retry2/04-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation-Navigation-A12y-chromium-retry2/04-navigation-diff.png Call log: - expect.toHaveScreenshot(04-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c3443978456="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - 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 - 894 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c3443978456="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - 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 - 894 pixels (ratio 0.01 of all image pixels) are different. 35 | await example.locator('aside footer button').nth(1).click(); 36 | > 37 | await expect(example).toHaveScreenshot('04-navigation.png'); | ^ 38 | 39 | await example.locator('[automation-id="setting"]').focus(); 40 | await page.keyboard.press('Enter'); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.spec.ts:37:31
playwright / (9 of 9)
Process completed with exit code 1.
[chromium] › tests/core/dialogs/dialogs.spec.ts:114:21 › Dialogs › 720x900 › Dialog with confirmation works › Prompt: projects/demo-playwright/utils/hide-element.ts#L4
1) [chromium] › tests/core/dialogs/dialogs.spec.ts:114:21 › Dialogs › 720x900 › Dialog with confirmation works › Prompt TimeoutError: locator.evaluate: Timeout 10000ms exceeded. Call log: - waiting for locator('tui-scroll-controls').nth(2) at utils/hide-element.ts:4 2 | 3 | export async function tuiHideElement(element: Locator): Promise<void> { > 4 | return element.evaluate((el) => { | ^ 5 | el.style.opacity = '0'; 6 | }); 7 | } at tuiHideElement (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/hide-element.ts:4:20) at TuiDocumentationPagePO.hideScrollControls (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:49:33) at TuiDocumentationPagePO.prepareBeforeScreenshot (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:55:9) at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:111:21
[chromium] › tests/core/dialogs/dialogs.spec.ts:114:21 › Dialogs › 720x900 › Dialog with confirmation works › Prompt: projects/demo-playwright/utils/hide-element.ts#L4
1) [chromium] › tests/core/dialogs/dialogs.spec.ts:114:21 › Dialogs › 720x900 › Dialog with confirmation works › Prompt TimeoutError: locator.evaluate: Timeout 10000ms exceeded. Call log: - waiting for locator('tui-scroll-controls').nth(2) at utils/hide-element.ts:4 2 | 3 | export async function tuiHideElement(element: Locator): Promise<void> { > 4 | return element.evaluate((el) => { | ^ 5 | el.style.opacity = '0'; 6 | }); 7 | } at tuiHideElement (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/hide-element.ts:4:20) at TuiDocumentationPagePO.hideScrollControls (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:49:33) at TuiDocumentationPagePO.prepareBeforeScreenshot (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:55:9) at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:111:21
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /charts/ring-chart: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /charts/ring-chart ──────── Error: Screenshot comparison failed: 440 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--charts-ring-chart-value--select-option-1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-charts-ring-chart-chromium/deep--charts-ring-chart-value--select-option-1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-charts-ring-chart-chromium/deep--charts-ring-chart-value--select-option-1-diff.png Call log: - expect.toHaveScreenshot(deep-/charts/ring-chart__[value]-select-option-1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c3888982576="">…</div> - 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 - 440 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c3888982576="">…</div> - 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 - 440 pixels (ratio 0.01 of all image pixels) are different. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:54
E2E result
Process completed with exit code 1.
🎭 Playwright Run Summary
95 passed (1.2m)
🎭 Playwright Run Summary
95 passed (1.4m)
🎭 Playwright Run Summary
96 passed (1.5m)
🎭 Playwright Run Summary
96 passed (1.3m)
🎭 Playwright Run Summary
95 passed (1.2m)
🎭 Playwright Run Summary
95 passed (1.4m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/layout/navigation.spec.ts:30:9 › Navigation › A12y ────────────────────────── 94 passed (1.4m)
🎭 Playwright Run Summary
95 passed (1.5m)
🎭 Playwright Run Summary
1 flaky [chromium] › tests/core/dialogs/dialogs.spec.ts:114:21 › Dialogs › 720x900 › Dialog with confirmation works › Prompt 95 passed (1.8m)
🎭 Playwright Run Summary
1 flaky [chromium] › tests/core/dialogs/dialogs.spec.ts:114:21 › Dialogs › 720x900 › Dialog with confirmation works › Prompt 95 passed (1.6m)
🎭 Playwright Run Summary
95 passed (1.9m)
🎭 Playwright Run Summary
95 passed (1.6m)
🎭 Playwright Run Summary
96 passed (1.9m)
🎭 Playwright Run Summary
96 passed (2.2m)
🎭 Playwright Run Summary
1 flaky [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /charts/ring-chart ───────── 95 passed (2.5m)
🎭 Playwright Run Summary
96 passed (3.0m)
🎭 Playwright Run Summary
96 passed (3.8m)
🎭 Playwright Run Summary
96 passed (4.8m)

Artifacts

Produced during runtime
Name Size
playwright-e2e-artifacts--6630eb317e99b30925cff21330a64d314975677a-10905294713-9059_3 Expired
9.3 KB
playwright-e2e-artifacts--6630eb317e99b30925cff21330a64d314975677a-10905294713-9059_9 Expired
231 KB