feat(core)!: Loader
has new algorithm to calculate stroke-width
#8820
Annotations
10 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
1) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/loader ─────────
Error: Screenshot comparison failed:
208 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-toggle.spec.ts-snapshots/deep--components-loader-inheritColor--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-loader-chromium/deep--components-loader-inheritColor--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-loader-chromium/deep--components-loader-inheritColor--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 208 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 208 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
1) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/loader ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
208 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-toggle.spec.ts-snapshots/deep--components-loader-inheritColor--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-loader-chromium-retry1/deep--components-loader-inheritColor--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-loader-chromium-retry1/deep--components-loader-inheritColor--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 208 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 208 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
1) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/loader ─────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
208 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-toggle.spec.ts-snapshots/deep--components-loader-inheritColor--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-loader-chromium-retry2/deep--components-loader-inheritColor--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-loader-chromium-retry2/deep--components-loader-inheritColor--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 208 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 208 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
2) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/toggle ─────────
Error: Screenshot comparison failed:
1 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-toggle.spec.ts-snapshots/deep--components-toggle-showLoader--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-toggle-chromium/deep--components-toggle-showLoader--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-toggle-chromium/deep--components-toggle-showLoader--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 1 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 1 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
2) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/toggle ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
74 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-toggle.spec.ts-snapshots/deep--components-toggle-showIcons--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-toggle-chromium-retry1/deep--components-toggle-showIcons--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-toggle-chromium-retry1/deep--components-toggle-showIcons--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 74 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 74 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
2) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/toggle ─────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1 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-toggle.spec.ts-snapshots/deep--components-toggle-showLoader--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-toggle-chromium-retry2/deep--components-toggle-showLoader--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-components-toggle-chromium-retry2/deep--components-toggle-showLoader--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 1 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 1 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
3) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /experimental/button ───────
Error: Screenshot comparison failed:
246 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-toggle.spec.ts-snapshots/deep--experimental-button-loading--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-chromium/deep--experimental-button-loading--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-chromium/deep--experimental-button-loading--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 246 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 246 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
3) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /experimental/button ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
246 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-toggle.spec.ts-snapshots/deep--experimental-button-loading--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-chromium-retry1/deep--experimental-button-loading--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-chromium-retry1/deep--experimental-button-loading--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 246 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 246 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
3) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /experimental/button ───────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
246 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-toggle.spec.ts-snapshots/deep--experimental-button-loading--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-chromium-retry2/deep--experimental-button-loading--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-chromium-retry2/deep--experimental-button-loading--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 246 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 246 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
4) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /experimental/button-vertical
Error: Screenshot comparison failed:
246 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-toggle.spec.ts-snapshots/deep--experimental-button-vertical-loading--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-vertical-chromium/deep--experimental-button-vertical-loading--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-experimental-button-vertical-chromium/deep--experimental-button-vertical-loading--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- 246 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-tui-demo-c132="">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 246 pixels (ratio 0.01 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: 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/main
5 failed
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/loader ──────────
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /components/toggle ──────────
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /experimental/button ────────
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /experimental/button-vertical
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ─────────────────────────
103 passed (1.7m)
|
Run screenshot tests on dist/demo/browser
108 passed (1.6m)
|
The logs for this run have expired and are no longer available.
Loading