Skip to content

feat: Add indicator theme variables #3972

feat: Add indicator theme variables

feat: Add indicator theme variables #3972

Triggered via pull request January 17, 2025 19:10
Status Failure
Total duration 14m 55s
Artifacts 9

e2e.yml

on: pull_request
Matrix: e2e-tests
merge-reports
52s
merge-reports
e2e-results
0s
e2e-results
Fit to window
Zoom out
Zoom in

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