Internalize @microsoft/fast-components #271
Annotations
13 errors, 6 warnings, and 2 notices
|
[webkit] › src/slider/slider.test.ts:14:1 › Vertical:
packages/components/src/slider/slider.test.ts#L17
1) [webkit] › src/slider/slider.test.ts:14:1 › Vertical ──────────────────────────────────────────
Error: Screenshot comparison failed:
167590 pixels (ratio 0.53 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit/slider-vertical-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit/slider-vertical-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit/slider-vertical-diff.png
15 | await page.goto('/iframe.html?id=components-slider--vertical');
16 |
> 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot(
| ^
18 | 'slider-vertical.png'
19 | );
20 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider/slider.test.ts:17:51
|
|
[webkit] › src/slider/slider.test.ts:14:1 › Vertical:
packages/components/src/slider/slider.test.ts#L17
1) [webkit] › src/slider/slider.test.ts:14:1 › Vertical ──────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
167653 pixels (ratio 0.53 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit-retry1/slider-vertical-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit-retry1/slider-vertical-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit-retry1/slider-vertical-diff.png
15 | await page.goto('/iframe.html?id=components-slider--vertical');
16 |
> 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot(
| ^
18 | 'slider-vertical.png'
19 | );
20 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider/slider.test.ts:17:51
|
|
[webkit] › src/slider/slider.test.ts:14:1 › Vertical:
packages/components/src/slider/slider.test.ts#L17
1) [webkit] › src/slider/slider.test.ts:14:1 › Vertical ──────────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
167589 pixels (ratio 0.53 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit-retry2/slider-vertical-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit-retry2/slider-vertical-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Vertical-webkit-retry2/slider-vertical-diff.png
15 | await page.goto('/iframe.html?id=components-slider--vertical');
16 |
> 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot(
| ^
18 | 'slider-vertical.png'
19 | );
20 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider/slider.test.ts:17:51
|
|
[chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically:
packages/components/src/anchor/anchor.base.test.ts#L1
2) [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
Test timeout of 30000ms exceeded.
|
|
[chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically:
packages/components/src/anchor/anchor.base.test.ts#L31
2) [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
Error: locator.waitFor: Target closed
=========================== logs ===========================
waiting for locator('jp-anchor') to be visible
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resol
|
|
[chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically:
packages/components/src/anchor/anchor.base.test.ts#L1
2) [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
Pending operations:
- locator.waitFor at src/anchor/anchor.base.test.ts:31:19
|
|
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image:
packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────
Error: Screenshot comparison failed:
666 pixels (ratio 0.66 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-firefox/avatar-with-image-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-firefox/avatar-with-image-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-firefox/avatar-with-image-diff.png
23 | await page.goto('/iframe.html?id=components-avatar--with-image');
24 |
> 25 | expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot(
| ^
26 | 'avatar-with-image.png'
27 | );
28 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/avatar/avatar.test.ts:25:56
|
|
[firefox] › src/disclosure/disclosure.test.ts:6:1 › Default:
packages/components/src/disclosure/disclosure.test.ts#L9
4) [firefox] › src/disclosure/disclosure.test.ts:6:1 › Default ───────────────────────────────────
Error: Screenshot comparison failed:
23712 pixels (ratio 0.26 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-disclosure-disclosure-Default-firefox/disclosure-default-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-disclosure-disclosure-Default-firefox/disclosure-default-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-disclosure-disclosure-Default-firefox/disclosure-default-diff.png
7 | await page.goto('/iframe.html?id=components-disclosure--default');
8 |
> 9 | expect(await page.locator('jp-disclosure').screenshot()).toMatchSnapshot(
| ^
10 | 'disclosure-default.png'
11 | );
12 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/disclosure/disclosure.test.ts:9:60
|
|
[firefox] › src/slider/slider.test.ts:6:1 › Default:
packages/components/src/slider/slider.test.ts#L9
5) [firefox] › src/slider/slider.test.ts:6:1 › Default ───────────────────────────────────────────
Error: Screenshot comparison failed:
42265 pixels (ratio 0.43 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Default-firefox/slider-default-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Default-firefox/slider-default-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Default-firefox/slider-default-diff.png
7 | await page.goto('/iframe.html?id=components-slider--default');
8 |
> 9 | expect(await page.locator('body').screenshot()).toMatchSnapshot(
| ^
10 | 'slider-default.png'
11 | );
12 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider/slider.test.ts:9:51
|
|
[firefox] › src/slider/slider.test.ts:6:1 › Default:
packages/components/src/slider/slider.test.ts#L9
5) [firefox] › src/slider/slider.test.ts:6:1 › Default ───────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42260 pixels (ratio 0.43 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Default-firefox-retry1/slider-default-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Default-firefox-retry1/slider-default-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-slider-Default-firefox-retry1/slider-default-diff.png
7 | await page.goto('/iframe.html?id=components-slider--default');
8 |
> 9 | expect(await page.locator('body').screenshot()).toMatchSnapshot(
| ^
10 | 'slider-default.png'
11 | );
12 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider/slider.test.ts:9:51
|
|
[webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically:
packages/components/src/anchor/anchor.base.test.ts#L1
1) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
Test timeout of 30000ms exceeded.
|
|
[webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically:
packages/components/src/anchor/anchor.base.test.ts#L31
1) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
Error: locator.waitFor: Target closed
=========================== logs ===========================
waiting for locator('jp-anchor') to be visible
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor>
locator resolve
|
|
[webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically:
packages/components/src/anchor/anchor.base.test.ts#L1
1) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
Pending operations:
- locator.waitFor at src/anchor/anchor.base.test.ts:31:19
|
|
Slow Test:
packages/components/[chromium] › src/anchor/anchor.base.test.ts#L1
packages/components/[chromium] › src/anchor/anchor.base.test.ts took 31.7s
|
|
Slow Test:
packages/components/[webkit] › src/select/select.base.test.ts#L1
packages/components/[webkit] › src/select/select.base.test.ts took 24.8s
|
|
Slow Test:
packages/components/[firefox] › src/select/select.base.test.ts#L1
packages/components/[firefox] › src/select/select.base.test.ts took 22.5s
|
|
Slow Test:
packages/components/[webkit] › src/anchor/anchor.base.test.ts#L1
packages/components/[webkit] › src/anchor/anchor.base.test.ts took 32.2s
|
|
Slow Test:
packages/components/[firefox] › src/select/select.base.test.ts#L1
packages/components/[firefox] › src/select/select.base.test.ts took 24.7s
|
|
Slow Test:
packages/components/[webkit] › src/select/select.base.test.ts#L1
packages/components/[webkit] › src/select/select.base.test.ts took 23.0s
|
|
🎭 Playwright Run Summary
1 failed
[webkit] › src/slider/slider.test.ts:14:1 › Vertical ───────────────────────────────────────────
8 flaky
[chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image ────────────────────────────────────────
[firefox] › src/disclosure/disclosure.test.ts:6:1 › Default ────────────────────────────────────
[firefox] › src/slider/slider.test.ts:6:1 › Default ────────────────────────────────────────────
[firefox] › src/slider/slider.test.ts:14:1 › Vertical ──────────────────────────────────────────
[firefox] › src/slider-label/slider-label.test.ts:14:1 › With Hide Mark ────────────────────────
[webkit] › src/radio-group/radio-group.test.ts:30:1 › Read-only ────────────────────────────────
[webkit] › src/select/select.base.test.ts:307:5 › JpSelect › when opened › should scroll the selected option into view
6 skipped
438 passed (3.7m)
|
|
🎭 Playwright Run Summary
1 flaky
[webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically
6 skipped
446 passed (3.3m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
jupyter-ui-test
Expired
|
3.01 MB |
|