1) [chromium] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-navigations Error: Screenshot comparison failed: Expected an image 1112px by 466px, received 1112px by 558px. 110187 pixels (ratio 0.18 of all image pixels) are different. Call log: - expect.toHaveScreenshot(navigations.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110187 pixels (ratio 0.18 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110187 pixels (ratio 0.18 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/navigations-chromium-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-chromium/navigations-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-chromium/navigations-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-navigations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1112px by 466px, received 1112px by 558px. 110187 pixels (ratio 0.18 of all image pixels) are different. Call log: - expect.toHaveScreenshot(navigations.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110187 pixels (ratio 0.18 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110187 pixels (ratio 0.18 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/navigations-chromium-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-chromium-retry1/navigations-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-chromium-retry1/navigations-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) [firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-navigations Error: Screenshot comparison failed: Expected an image 1112px by 466px, received 1112px by 558px. 110484 pixels (ratio 0.18 of all image pixels) are different. Call log: - expect.toHaveScreenshot(navigations.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110484 pixels (ratio 0.18 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110484 pixels (ratio 0.18 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/navigations-firefox-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-firefox/navigations-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-firefox/navigations-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) [firefox] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-navigations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1112px by 466px, received 1112px by 558px. 110484 pixels (ratio 0.18 of all image pixels) are different. Call log: - expect.toHaveScreenshot(navigations.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110484 pixels (ratio 0.18 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 466px, received 1112px by 558px. 110484 pixels (ratio 0.18 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/navigations-firefox-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-firefox-retry1/navigations-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-firefox-retry1/navigations-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) [webkit] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-navigations Error: Screenshot comparison failed: Expected an image 1112px by 465px, received 1112px by 557px. 110307 pixels (ratio 0.18 of all image pixels) are different. Call log: - expect.toHaveScreenshot(navigations.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 465px, received 1112px by 557px. 110307 pixels (ratio 0.18 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 465px, received 1112px by 557px. 110307 pixels (ratio 0.18 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/navigations-webkit-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-webkit/navigations-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-webkit/navigations-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) [webkit] › styleguide.spec.ts:76:7 › UI regression test - Styleguide section - sample-section-navigations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1112px by 465px, received 1112px by 557px. 110307 pixels (ratio 0.18 of all image pixels) are different. Call log: - expect.toHaveScreenshot(navigations.png) with timeout 15000ms - verifying given screenshot expectation - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 465px, received 1112px by 557px. 110307 pixels (ratio 0.18 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#sample-section-navigations') - locator resolved to <div class="sample-section" id="sample-section-naviga…>…</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 465px, received 1112px by 557px. 110307 pixels (ratio 0.18 of all image pixels) are different. Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/navigations-webkit-linux.png Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-webkit-retry1/navigations-actual.png Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression-test---Styleguide-section---sample-section-navigations-webkit-retry1/navigations-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

Process completed with exit code 1.

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

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

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

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

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