fix(core): Appearance
remove initial transition
#4775
e2e-playwright.yml
on: pull_request
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 |
|