feat(core): add interactive mode for notification #9068
Annotations
10 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/addon-charts/pie-chart/pie-chart.spec.ts#L13
1) [chromium] › tests/addon-charts/pie-chart/pie-chart.spec.ts:5:9 › PieChart › should be show hints on charts
Error: Screenshot comparison failed:
5016 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-charts/pie-chart/pie-chart.spec.ts-snapshots/01-pie-chart-with-label-no-hover-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium/01-pie-chart-with-label-no-hover-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium/01-pie-chart-with-label-no-hover-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#labels [automation-id="tui-doc-example"]')
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 5016 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#labels [automation-id="tui-doc-example"]')
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 5016 pixels (ratio 0.02 of all image pixels) are different.
11 | .all();
12 |
> 13 | await expect(example).toHaveScreenshot('01-pie-chart-with-label-no-hover.png');
| ^
14 |
15 | for (const [i, segment] of pieChartSegments.entries()) {
16 | await segment.hover();
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-charts/pie-chart/pie-chart.spec.ts:13:31
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/addon-charts/pie-chart/pie-chart.spec.ts#L13
1) [chromium] › tests/addon-charts/pie-chart/pie-chart.spec.ts:5:9 › PieChart › should be show hints on charts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
5016 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-charts/pie-chart/pie-chart.spec.ts-snapshots/01-pie-chart-with-label-no-hover-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium-retry1/01-pie-chart-with-label-no-hover-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium-retry1/01-pie-chart-with-label-no-hover-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#labels [automation-id="tui-doc-example"]')
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 5016 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#labels [automation-id="tui-doc-example"]')
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 5016 pixels (ratio 0.02 of all image pixels) are different.
11 | .all();
12 |
> 13 | await expect(example).toHaveScreenshot('01-pie-chart-with-label-no-hover.png');
| ^
14 |
15 | for (const [i, segment] of pieChartSegments.entries()) {
16 | await segment.hover();
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-charts/pie-chart/pie-chart.spec.ts:13:31
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/core/alert-service/alert-service.spec.ts#L16
2) [chromium] › tests/core/alert-service/alert-service.spec.ts:9:9 › AlertService › is shown correctly
Error: Screenshot comparison failed:
4331 pixels (ratio 0.06 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/alert-service/alert-service.spec.ts-snapshots/01-alert-service-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium/01-alert-service-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium/01-alert-service-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-alert')
- locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 4331 pixels (ratio 0.06 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-alert')
- locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 4331 pixels (ratio 0.06 of all image pixels) are different.
14 | await showAlertButton.click();
15 |
> 16 | await expect(page.locator('tui-alert')).toHaveScreenshot('01-alert-service.png');
| ^
17 | });
18 | });
19 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/alert-service/alert-service.spec.ts:16:49
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/core/alert-service/alert-service.spec.ts#L16
2) [chromium] › tests/core/alert-service/alert-service.spec.ts:9:9 › AlertService › is shown correctly
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4331 pixels (ratio 0.06 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/alert-service/alert-service.spec.ts-snapshots/01-alert-service-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium-retry1/01-alert-service-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium-retry1/01-alert-service-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-alert')
- locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 4331 pixels (ratio 0.06 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-alert')
- locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 4331 pixels (ratio 0.06 of all image pixels) are different.
14 | await showAlertButton.click();
15 |
> 16 | await expect(page.locator('tui-alert')).toHaveScreenshot('01-alert-service.png');
| ^
17 | });
18 | });
19 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/alert-service/alert-service.spec.ts:16:49
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/core/dropdown/dropdown.spec.ts#L31
3) [chromium] › tests/core/dropdown/dropdown.spec.ts:25:9 › Dropdown › Appearance ────────────────
Error: Screenshot comparison failed:
3400 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/dropdown/dropdown.spec.ts-snapshots/03-dropdown-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium/03-dropdown-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium/03-dropdown-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 3400 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 3400 pixels (ratio 0.01 of all image pixels) are different.
29 | .locator('input')
30 | .click();
> 31 | await expect(page).toHaveScreenshot('03-dropdown.png');
| ^
32 | });
33 |
34 | test('Hosted dropdown', async ({page}) => {
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dropdown/dropdown.spec.ts:31:28
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/core/dropdown/dropdown.spec.ts#L31
3) [chromium] › tests/core/dropdown/dropdown.spec.ts:25:9 › Dropdown › Appearance ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3400 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/dropdown/dropdown.spec.ts-snapshots/03-dropdown-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium-retry1/03-dropdown-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium-retry1/03-dropdown-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 3400 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 3400 pixels (ratio 0.01 of all image pixels) are different.
29 | .locator('input')
30 | .click();
> 31 | await expect(page).toHaveScreenshot('03-dropdown.png');
| ^
32 | });
33 |
34 | test('Hosted dropdown', async ({page}) => {
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dropdown/dropdown.spec.ts:31:28
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/demo/demo.spec.ts#L35
4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/avatar ────────────────────────
Error: Screenshot comparison failed:
5363 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-avatar/4-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium/components-avatar/4-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium/components-avatar/4-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3)
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 5363 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3)
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 5363 pixels (ratio 0.02 of all image pixels) are different.
33 | }
34 |
> 35 | await expect(example).toHaveScreenshot([
| ^
36 | path.replace('/', '').replace(/\//g, '-'),
37 | `${i + 1}.png`,
38 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/demo/demo.spec.ts#L35
4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/avatar ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
5363 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-avatar/4-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium-retry1/components-avatar/4-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium-retry1/components-avatar/4-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3)
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 5363 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3)
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 5363 pixels (ratio 0.02 of all image pixels) are different.
33 | }
34 |
> 35 | await expect(example).toHaveScreenshot([
| ^
36 | path.replace('/', '').replace(/\//g, '-'),
37 | `${i + 1}.png`,
38 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/demo/demo.spec.ts#L35
5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ────────────────────────
Error: Screenshot comparison failed:
17782 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-button/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium/components-button/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium/components-button/1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first()
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 17782 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first()
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 17782 pixels (ratio 0.01 of all image pixels) are different.
33 | }
34 |
> 35 | await expect(example).toHaveScreenshot([
| ^
36 | path.replace('/', '').replace(/\//g, '-'),
37 | `${i + 1}.png`,
38 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39
|
Run screenshot tests on dist/demo/browser/v3.x:
projects/demo-playwright/tests/demo/demo.spec.ts#L35
5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
17782 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-button/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium-retry1/components-button/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium-retry1/components-button/1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first()
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 17782 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first()
- locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 17782 pixels (ratio 0.01 of all image pixels) are different.
33 | }
34 |
> 35 | await expect(example).toHaveScreenshot([
| ^
36 | path.replace('/', '').replace(/\//g, '-'),
37 | `${i + 1}.png`,
38 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39
|
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
Run screenshot tests on dist/demo/browser
82 passed (1.4m)
|
Run screenshot tests on dist/demo/browser/v3.x
6 failed
[chromium] › tests/addon-charts/pie-chart/pie-chart.spec.ts:5:9 › PieChart › should be show hints on charts
[chromium] › tests/core/alert-service/alert-service.spec.ts:9:9 › AlertService › is shown correctly
[chromium] › tests/core/dropdown/dropdown.spec.ts:25:9 › Dropdown › Appearance ─────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/avatar ─────────────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ─────────────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/data-list ──────────────────────
76 passed (1.3m)
|
The logs for this run have expired and are no longer available.
Loading