1) [chromium] › styleguide.spec.ts:75:7 › UI regression test - Styleguide section - sample-section-component-colors Error: Screenshot comparison failed: 101253 pixels (ratio 0.11 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 - 101253 pixels (ratio 0.11 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 - 101253 pixels (ratio 0.11 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 79 | const sampleSection = page.locator(`#${id}`); 80 | > 81 | await expect(sampleSection).toHaveScreenshot( | ^ 82 | `${id.replace(/^sample-section-/, '')}.png` 83 | ); 84 | }); at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:81:33

1) [chromium] › styleguide.spec.ts:75:7 › UI regression test - Styleguide section - sample-section-component-colors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 101253 pixels (ratio 0.11 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 - 101253 pixels (ratio 0.11 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 - 101253 pixels (ratio 0.11 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 79 | const sampleSection = page.locator(`#${id}`); 80 | > 81 | await expect(sampleSection).toHaveScreenshot( | ^ 82 | `${id.replace(/^sample-section-/, '')}.png` 83 | ); 84 | }); at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:81:33

2) [firefox] › styleguide.spec.ts:75:7 › UI regression test - Styleguide section - sample-section-component-colors Error: Screenshot comparison failed: 101802 pixels (ratio 0.11 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 - 101802 pixels (ratio 0.11 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 - 101802 pixels (ratio 0.11 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 79 | const sampleSection = page.locator(`#${id}`); 80 | > 81 | await expect(sampleSection).toHaveScreenshot( | ^ 82 | `${id.replace(/^sample-section-/, '')}.png` 83 | ); 84 | }); at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:81:33

2) [firefox] › styleguide.spec.ts:75:7 › UI regression test - Styleguide section - sample-section-component-colors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 101802 pixels (ratio 0.11 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 - 101802 pixels (ratio 0.11 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 - 101802 pixels (ratio 0.11 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 79 | const sampleSection = page.locator(`#${id}`); 80 | > 81 | await expect(sampleSection).toHaveScreenshot( | ^ 82 | `${id.replace(/^sample-section-/, '')}.png` 83 | ); 84 | }); at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:81:33

3) [webkit] › styleguide.spec.ts:75:7 › UI regression test - Styleguide section - sample-section-component-colors Error: Screenshot comparison failed: 101549 pixels (ratio 0.11 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 - 101549 pixels (ratio 0.11 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 - 101549 pixels (ratio 0.11 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 79 | const sampleSection = page.locator(`#${id}`); 80 | > 81 | await expect(sampleSection).toHaveScreenshot( | ^ 82 | `${id.replace(/^sample-section-/, '')}.png` 83 | ); 84 | }); at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:81:33

3) [webkit] › styleguide.spec.ts:75:7 › UI regression test - Styleguide section - sample-section-component-colors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 101549 pixels (ratio 0.11 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 - 101549 pixels (ratio 0.11 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 - 101549 pixels (ratio 0.11 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 79 | const sampleSection = page.locator(`#${id}`); 80 | > 81 | await expect(sampleSection).toHaveScreenshot( | ^ 82 | `${id.replace(/^sample-section-/, '')}.png` 83 | ); 84 | }); at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:81:33

Process completed with exit code 1.

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

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

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

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

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