feat: theming tweaks #2129
Annotations
10 errors, 5 warnings, and 1 notice
|
Run Playwright tests:
tests/context-menu.spec.ts#L89
1) [chromium] › context-menu.spec.ts:80:5 › quick filter and clear ───────────────────────────────
Error: Screenshot comparison failed:
30 pixels (ratio 0.01 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('.iris-grid-column')
- locator resolved to <div class="iris-grid-column">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 11121 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.iris-grid-column')
- locator resolved to <div class="iris-grid-column">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 10375 pixels (ratio 0.03 of all image pixels) are different.
- waiting 250ms before taking screenshot
- waiting for locator('.iris-grid-column')
- locator resolved to <div class="iris-grid-column">…</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
- 30 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/context-menu.spec.ts-snapshots/quick-filter-and-clear-1-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/context-menu-quick-filter-and-clear-chromium/quick-filter-and-clear-1-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/context-menu-quick-filter-and-clear-chromium/quick-filter-and-clear-1-diff.png
87 |
88 | await waitForLoadingDone(page);
> 89 | await expect(page.locator('.iris-grid-column')).toHaveScreenshot();
| ^
90 |
91 | await page
92 | .locator('.iris-grid .grid-wrapper')
at /home/runner/work/web-client-ui/web-client-ui/tests/context-menu.spec.ts:89:51
|
|
Run Playwright tests:
tests/context-menu.spec.ts#L89
1) [chromium] › context-menu.spec.ts:80:5 › quick filter and clear ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
30 pixels (ratio 0.01 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('.iris-grid-column')
- locator resolved to <div class="iris-grid-column">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 11121 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.iris-grid-column')
- locator resolved to <div class="iris-grid-column">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 10375 pixels (ratio 0.03 of all image pixels) are different.
- waiting 250ms before taking screenshot
- waiting for locator('.iris-grid-column')
- locator resolved to <div class="iris-grid-column">…</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
- 30 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/context-menu.spec.ts-snapshots/quick-filter-and-clear-1-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/context-menu-quick-filter-and-clear-chromium-retry1/quick-filter-and-clear-1-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/context-menu-quick-filter-and-clear-chromium-retry1/quick-filter-and-clear-1-diff.png
87 |
88 | await waitForLoadingDone(page);
> 89 | await expect(page.locator('.iris-grid-column')).toHaveScreenshot();
| ^
90 |
91 | await page
92 | .locator('.iris-grid .grid-wrapper')
at /home/runner/work/web-client-ui/web-client-ui/tests/context-menu.spec.ts:89:51
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
2) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-colors
Error: Screenshot comparison failed:
63087 pixels (ratio 0.08 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-colors')
- locator resolved to <div class="sample-section" id="sample-section-colors">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 63087 pixels (ratio 0.08 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-colors')
- locator resolved to <div class="sample-section" id="sample-section-colors">…</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
- 63087 pixels (ratio 0.08 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-colors-chromium/colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-colors-chromium/colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
2) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
63087 pixels (ratio 0.08 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-colors')
- locator resolved to <div class="sample-section" id="sample-section-colors">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 63087 pixels (ratio 0.08 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-colors')
- locator resolved to <div class="sample-section" id="sample-section-colors">…</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
- 63087 pixels (ratio 0.08 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-colors-chromium-retry1/colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-colors-chromium-retry1/colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
3) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-semantic-colors
Error: Screenshot comparison failed:
588462 pixels (ratio 0.43 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(semantic-colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-semantic-colors')
- locator resolved to <div class="sample-section" id="sample-section-semant…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 588462 pixels (ratio 0.43 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-semantic-colors')
- locator resolved to <div class="sample-section" id="sample-section-semant…>…</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
- 588462 pixels (ratio 0.43 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/semantic-colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-semantic-colors-chromium/semantic-colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-semantic-colors-chromium/semantic-colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
3) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-semantic-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
588462 pixels (ratio 0.43 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(semantic-colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-semantic-colors')
- locator resolved to <div class="sample-section" id="sample-section-semant…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 588462 pixels (ratio 0.43 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-semantic-colors')
- locator resolved to <div class="sample-section" id="sample-section-semant…>…</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
- 588462 pixels (ratio 0.43 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/semantic-colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-semantic-colors-chromium-retry1/semantic-colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-semantic-colors-chromium-retry1/semantic-colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
4) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-chart-colors
Error: Screenshot comparison failed:
191684 pixels (ratio 0.36 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-chart-colors')
- locator resolved to <div class="sample-section" id="sample-section-chart-…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 191684 pixels (ratio 0.36 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-chart-colors')
- locator resolved to <div class="sample-section" id="sample-section-chart-…>…</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
- 191684 pixels (ratio 0.36 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/chart-colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-chart-colors-chromium/chart-colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-chart-colors-chromium/chart-colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
4) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-chart-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
191684 pixels (ratio 0.36 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-chart-colors')
- locator resolved to <div class="sample-section" id="sample-section-chart-…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 191684 pixels (ratio 0.36 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-chart-colors')
- locator resolved to <div class="sample-section" id="sample-section-chart-…>…</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
- 191684 pixels (ratio 0.36 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/chart-colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-chart-colors-chromium-retry1/chart-colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-chart-colors-chromium-retry1/chart-colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
5) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors
Error: Screenshot comparison failed:
55171 pixels (ratio 0.06 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(component-colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-component-colors')
- locator resolved to <div class="sample-section" id="sample-section-compon…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 55171 pixels (ratio 0.06 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-component-colors')
- locator resolved to <div class="sample-section" id="sample-section-compon…>…</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
- 55171 pixels (ratio 0.06 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/component-colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-chromium/component-colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-chromium/component-colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
tests/styleguide.spec.ts#L82
5) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
55171 pixels (ratio 0.06 of all image pixels) are different.
Call log:
- expect.toHaveScreenshot(component-colors.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-component-colors')
- locator resolved to <div class="sample-section" id="sample-section-compon…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 55171 pixels (ratio 0.06 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-component-colors')
- locator resolved to <div class="sample-section" id="sample-section-compon…>…</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
- 55171 pixels (ratio 0.06 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/component-colors-chromium-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-chromium-retry1/component-colors-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-chromium-retry1/component-colors-diff.png
80 | const sampleSection = page.locator(`#${id}`);
81 |
> 82 | await expect(sampleSection).toHaveScreenshot(
| ^
83 | `${id.replace(/^sample-section-/, '')}.png`
84 | );
85 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:33
|
|
Run Playwright tests:
[webkit] › styleguide.spec.ts#L1
[webkit] › styleguide.spec.ts took 7.3m
|
|
Run Playwright tests:
[firefox] › styleguide.spec.ts#L1
[firefox] › styleguide.spec.ts took 4.9m
|
|
Run Playwright tests:
[chromium] › styleguide.spec.ts#L1
[chromium] › styleguide.spec.ts took 3.7m
|
|
Run Playwright tests:
[webkit] › context-menu.spec.ts#L1
[webkit] › context-menu.spec.ts took 35.1s
|
|
Run Playwright tests:
[webkit] › table-operations.spec.ts#L1
[webkit] › table-operations.spec.ts took 34.6s
|
|
Run Playwright tests
81 failed
[chromium] › context-menu.spec.ts:80:5 › quick filter and clear ────────────────────────────────
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-colors
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-semantic-colors
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-chart-colors
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-buttons-regular
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-buttons-outline
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-buttons-inline
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-inputs
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-dialog
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-modals
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-context-menus
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-dropdown-menus
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-navigations
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-tooltips
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-icons
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-editors
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-grids-iris
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-buttons
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-collections
[chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-forms
[chromium] › styleguide.spec.ts:89:7 › Buttons regression test - sample-section-buttons-regular
[chromium] › styleguide.spec.ts:89:7 › Buttons regression test - sample-section-buttons-outline
[chromium] › styleguide.spec.ts:89:7 › Buttons regression test - sample-section-buttons-inline ─
[chromium] › styleguide.spec.ts:146:5 › Inputs regression test ─────────────────────────────────
[chromium] › table-operations.spec.ts:159:5 › search ───────────────────────────────────────────
[chromium] › table.spec.ts:33:5 › can open a simple table ──────────────────────────────────────
[firefox] › context-menu.spec.ts:80:5 › quick filter and clear ─────────────────────────────────
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-colors
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-semantic-colors
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-chart-colors
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-buttons-regular
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-buttons-outline
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-buttons-inline
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-inputs
[firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-d
|
The logs for this run have expired and are no longer available.
Loading