feat: Add indicator theme variables #3972
Annotations
14 errors, 2 warnings, and 1 notice
e2e-tests (chromium-1-1)
Process completed with exit code 1.
|
e2e-tests (webkit-1-2)
Process completed with exit code 1.
|
e2e-tests (firefox-1-1)
Process completed with exit code 1.
|
e2e-results
Process completed with exit code 1.
|
[chromium] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors:
../../../../../work/tests/styleguide.spec.ts#L99
1) [chromium] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
Error: Screenshot comparison failed:
2552 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/styleguide.spec.ts-snapshots/chart-colors-chromium-linux.png
Received: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-chromium/chart-colors-actual.png
Diff: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-chromium/chart-colors-diff.png
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 45000ms
- 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 2552 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 2552 pixels (ratio 0.01 of all image pixels) are different.
97 | const sampleSection = page.locator(`#${id}`);
98 |
> 99 | await expect(sampleSection).toHaveScreenshot(
| ^
100 | `${id.replace(/^sample-section-/, '')}.png`,
101 | { timeout: 45000 }
102 | );
at /work/tests/styleguide.spec.ts:99:33
|
[chromium] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors:
../../../../../work/tests/styleguide.spec.ts#L99
1) [chromium] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2552 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/styleguide.spec.ts-snapshots/chart-colors-chromium-linux.png
Received: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-chromium-retry1/chart-colors-actual.png
Diff: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-chromium-retry1/chart-colors-diff.png
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 45000ms
- 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 2552 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 2552 pixels (ratio 0.01 of all image pixels) are different.
97 | const sampleSection = page.locator(`#${id}`);
98 |
> 99 | await expect(sampleSection).toHaveScreenshot(
| ^
100 | `${id.replace(/^sample-section-/, '')}.png`,
101 | { timeout: 45000 }
102 | );
at /work/tests/styleguide.spec.ts:99:33
|
[firefox] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors:
../../../../../work/tests/styleguide.spec.ts#L99
2) [firefox] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
Error: Screenshot comparison failed:
2597 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/styleguide.spec.ts-snapshots/chart-colors-firefox-linux.png
Received: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-firefox/chart-colors-actual.png
Diff: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-firefox/chart-colors-diff.png
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 45000ms
- 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 2597 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 2597 pixels (ratio 0.01 of all image pixels) are different.
97 | const sampleSection = page.locator(`#${id}`);
98 |
> 99 | await expect(sampleSection).toHaveScreenshot(
| ^
100 | `${id.replace(/^sample-section-/, '')}.png`,
101 | { timeout: 45000 }
102 | );
at /work/tests/styleguide.spec.ts:99:33
|
[firefox] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors:
../../../../../work/tests/styleguide.spec.ts#L99
2) [firefox] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2597 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/styleguide.spec.ts-snapshots/chart-colors-firefox-linux.png
Received: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-firefox-retry1/chart-colors-actual.png
Diff: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-firefox-retry1/chart-colors-diff.png
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 45000ms
- 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 2597 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 2597 pixels (ratio 0.01 of all image pixels) are different.
97 | const sampleSection = page.locator(`#${id}`);
98 |
> 99 | await expect(sampleSection).toHaveScreenshot(
| ^
100 | `${id.replace(/^sample-section-/, '')}.png`,
101 | { timeout: 45000 }
102 | );
at /work/tests/styleguide.spec.ts:99:33
|
[webkit] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors:
../../../../../work/tests/styleguide.spec.ts#L99
3) [webkit] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
Error: Screenshot comparison failed:
3359 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/styleguide.spec.ts-snapshots/chart-colors-webkit-linux.png
Received: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-webkit/chart-colors-actual.png
Diff: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-webkit/chart-colors-diff.png
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 45000ms
- 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 3359 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 3359 pixels (ratio 0.01 of all image pixels) are different.
97 | const sampleSection = page.locator(`#${id}`);
98 |
> 99 | await expect(sampleSection).toHaveScreenshot(
| ^
100 | `${id.replace(/^sample-section-/, '')}.png`,
101 | { timeout: 45000 }
102 | );
at /work/tests/styleguide.spec.ts:99:33
|
[webkit] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors:
../../../../../work/tests/styleguide.spec.ts#L99
3) [webkit] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3359 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/styleguide.spec.ts-snapshots/chart-colors-webkit-linux.png
Received: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-webkit-retry1/chart-colors-actual.png
Diff: /work/test-results/styleguide-UI-regression-t-c3711-sample-section-chart-colors-webkit-retry1/chart-colors-diff.png
Call log:
- expect.toHaveScreenshot(chart-colors.png) with timeout 45000ms
- 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 3359 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 3359 pixels (ratio 0.01 of all image pixels) are different.
97 | const sampleSection = page.locator(`#${id}`);
98 |
> 99 | await expect(sampleSection).toHaveScreenshot(
| ^
100 | `${id.replace(/^sample-section-/, '')}.png`,
101 | { timeout: 45000 }
102 | );
at /work/tests/styleguide.spec.ts:99:33
|
[firefox] › table-multiselect.spec.ts:77:7 › select null filters:
../../../../../work/tests/utils.ts#L330
4) [firefox] › table-multiselect.spec.ts:77:7 › select null filters ──────────────────────────────
Error: Timed out 15000ms waiting for expect(locator).toHaveCount(expected)
Locator: locator('.context-menu-container')
Expected: 1
Received: 0
Call log:
- expect.toHaveCount with timeout 15000ms
- waiting for locator('.context-menu-container')
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
at utils.ts:330
328 | count: number
329 | ): Promise<void> {
> 330 | await expect(page.locator('.context-menu-container')).toHaveCount(count);
| ^
331 | await expect(page.locator('.loading-spinner')).toHaveCount(0);
332 | }
333 |
at expectContextMenus (/work/tests/utils.ts:330:57)
at /work/tests/table-multiselect.spec.ts:88:29
|
[firefox] › table-multiselect.spec.ts:77:7 › select bool filters:
../../../../../work/tests/utils.ts#L330
5) [firefox] › table-multiselect.spec.ts:77:7 › select bool filters ──────────────────────────────
Error: Timed out 15000ms waiting for expect(locator).toHaveCount(expected)
Locator: locator('.context-menu-container')
Expected: 1
Received: 0
Call log:
- expect.toHaveCount with timeout 15000ms
- waiting for locator('.context-menu-container')
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
- locator resolved to 0 elements
- unexpected value "0"
at utils.ts:330
328 | count: number
329 | ): Promise<void> {
> 330 | await expect(page.locator('.context-menu-container')).toHaveCount(count);
| ^
331 | await expect(page.locator('.loading-spinner')).toHaveCount(0);
332 | }
333 |
at expectContextMenus (/work/tests/utils.ts:330:57)
at /work/tests/table-multiselect.spec.ts:88:29
|
[firefox] › table-multiselect.spec.ts:104:7 › multiselect number filters:
../../../../../work/tests/table-multiselect.spec.ts#L59
6) [firefox] › table-multiselect.spec.ts:104:7 › multiselect number filters › Filter equal › Apply filter
Error: Screenshot comparison failed:
783 pixels (ratio 0.01 of all image pixels) are different.
Expected: /work/tests/table-multiselect.spec.ts-snapshots/number-1-equal-firefox-linux.png
Received: /work/test-results/table-multiselect-multiselect-number-filters-firefox/number-1-equal-actual.png
Diff: /work/test-results/table-multiselect-multiselect-number-filters-firefox/number-1-equal-diff.png
Call log:
- expect.toHaveScreenshot(number-1-equal.png) 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 783 pixels (ratio 0.01 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 783 pixels (ratio 0.01 of all image pixels) are different.
57 | await page.getByRole('button', { name: filterType, exact: true }).click();
58 | await waitForLoadingDone(page, '.iris-grid-loading-status-bar');
> 59 | await expect(page.locator('.iris-grid-column')).toHaveScreenshot(
| ^
60 | screenshotName
61 | );
62 | });
at /work/tests/table-multiselect.spec.ts:59:53
at filterAndScreenshot (/work/tests/table-multiselect.spec.ts:54:3)
at /work/tests/table-multiselect.spec.ts:121:9
at /work/tests/table-multiselect.spec.ts:120:7
|
[webkit] › shortcuts.spec.ts:25:5 › shortcut downloads logs in embeded-widget:
../../../../../work/tests/utils.ts#L52
7) [webkit] › shortcuts.spec.ts:25:5 › shortcut downloads logs in embeded-widget ─────────────────
Error: expect.not.toBeVisible: Error: strict mode violation: getByRole('progressbar', { name: 'Loading...', exact: true }) resolved to 2 elements:
1) <div aria-valuemin="0" role="progressbar" aria-valuem…></div> aka getByLabel('Loading...').first()
2) <div aria-valuemin="0" role="progressbar" aria-valuem…></div> aka getByLabel('Loading...').nth(1)
Call log:
- expect.not.toBeVisible with timeout 15000ms
- waiting for getByRole('progressbar', { name: 'Loading...', exact: true })
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
- locator resolved to <div aria-valuemin="0" role="progressbar" aria-valuem…></div>
- unexpected value "visible"
at utils.ts:52
50 | await expect(
51 | page.getByRole('progressbar', { name: 'Loading...', exact: true })
> 52 | ).not.toBeVisible();
| ^
53 | }
54 |
55 | /**
at gotoPage (/work/tests/utils.ts:52:9)
at /work/tests/shortcuts.spec.ts:30:3
|
Slow Test:
[webkit] › notebook.spec.ts#L1
[webkit] › notebook.spec.ts took 37.5s
|
Slow Test:
[webkit] › figure.spec.ts#L1
[webkit] › figure.spec.ts took 23.7s
|
🎭 Playwright Run Summary
3 failed
[chromium] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
[firefox] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
[webkit] › styleguide.spec.ts:86:7 › UI regression test - Styleguide section - sample-section-chart-colors
6 flaky
[firefox] › table-multiselect.spec.ts:77:7 › select null filters ───────────────────────────────
[firefox] › table-multiselect.spec.ts:77:7 › select bool filters ───────────────────────────────
[firefox] › table-multiselect.spec.ts:104:7 › multiselect number filters ───────────────────────
[webkit] › shortcuts.spec.ts:25:5 › shortcut downloads logs in embeded-widget ──────────────────
[webkit] › table-multiselect.spec.ts:77:7 › select null filters ────────────────────────────────
[webkit] › table-multiselect.spec.ts:77:7 › select bool filters ────────────────────────────────
309 passed (5.1m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
image-cache
Expired
|
1.23 GB |
|
playwright-report
|
42.9 MB |
|
playwright-report-blob-chromium-1-1
Expired
|
3.31 MB |
|
playwright-report-blob-firefox-1-1
Expired
|
22.3 MB |
|
playwright-report-blob-webkit-1-2
Expired
|
5.72 MB |
|
playwright-report-blob-webkit-2-2
Expired
|
11.7 MB |
|
server-logs-chromium-1-1
|
8.7 KB |
|
server-logs-firefox-1-1
|
8.71 KB |
|
server-logs-webkit-1-2
|
7.61 KB |
|