1) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors Error: Screenshot comparison failed: 15651 pixels (ratio 0.02 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 - 15651 pixels (ratio 0.02 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 - 15651 pixels (ratio 0.02 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

1) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15651 pixels (ratio 0.02 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 - 15651 pixels (ratio 0.02 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 - 15651 pixels (ratio 0.02 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

2) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-overlays Error: Screenshot comparison failed: Expected an image 1112px by 58px, received 1112px by 69px. 12420 pixels (ratio 0.17 of all image pixels) are different. Call log: - expect.toHaveScreenshot(spectrum-overlays.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 1112px by 58px, received 1112px by 69px. 12420 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</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 - Expected an image 1112px by 58px, received 1112px by 69px. 12420 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/spectrum-overlays-chromium-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-chromium/spectrum-overlays-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-chromium/spectrum-overlays-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

2) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-overlays Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1112px by 58px, received 1112px by 69px. 12420 pixels (ratio 0.17 of all image pixels) are different. Call log: - expect.toHaveScreenshot(spectrum-overlays.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 1112px by 58px, received 1112px by 69px. 12420 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</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 - Expected an image 1112px by 58px, received 1112px by 69px. 12420 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/spectrum-overlays-chromium-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-chromium-retry1/spectrum-overlays-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-chromium-retry1/spectrum-overlays-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

3) [firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors Error: Screenshot comparison failed: 15693 pixels (ratio 0.02 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 - 15693 pixels (ratio 0.02 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 - 15693 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/component-colors-firefox-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-firefox/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-firefox/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

3) [firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15693 pixels (ratio 0.02 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 - 15693 pixels (ratio 0.02 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 - 15693 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/component-colors-firefox-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-firefox-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-firefox-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

4) [firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-overlays Error: Screenshot comparison failed: Expected an image 1112px by 58px, received 1112px by 69px. 12428 pixels (ratio 0.17 of all image pixels) are different. Call log: - expect.toHaveScreenshot(spectrum-overlays.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 1112px by 58px, received 1112px by 69px. 12428 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</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 - Expected an image 1112px by 58px, received 1112px by 69px. 12428 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/spectrum-overlays-firefox-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-firefox/spectrum-overlays-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-firefox/spectrum-overlays-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

4) [firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-spectrum-overlays Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1112px by 58px, received 1112px by 69px. 12428 pixels (ratio 0.17 of all image pixels) are different. Call log: - expect.toHaveScreenshot(spectrum-overlays.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 1112px by 58px, received 1112px by 69px. 12428 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-spectrum-overlays') - locator resolved to <div class="sample-section" id="sample-section-spectr…>…</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 - Expected an image 1112px by 58px, received 1112px by 69px. 12428 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/spectrum-overlays-firefox-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-firefox-retry1/spectrum-overlays-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-spectrum-overlays-firefox-retry1/spectrum-overlays-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

5) [webkit] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors Error: Screenshot comparison failed: 15694 pixels (ratio 0.02 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 - 15694 pixels (ratio 0.02 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 - 15694 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/component-colors-webkit-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-webkit/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-webkit/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

5) [webkit] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-component-colors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15694 pixels (ratio 0.02 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 - 15694 pixels (ratio 0.02 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 - 15694 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/component-colors-webkit-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-component-colors-webkit-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-webkit-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

[webkit] › styleguide.spec.ts took 5.4m

[firefox] › styleguide.spec.ts took 2.3m

[chromium] › styleguide.spec.ts took 2.0m

[webkit] › table-operations.spec.ts took 1.5m

[webkit] › context-menu.spec.ts took 1.4m