1) [chromium] › ui.spec.ts:65:5 › UI all components render 1 ───────────────────────────────────── Error: Screenshot comparison failed: 483 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-1-1-chromium-linux.png Received: /work/test-results/ui-UI-all-components-render-1-chromium/UI-all-components-render-1-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-1-chromium/UI-all-components-render-1-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 483 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 483 pixels (ratio 0.01 of all image pixels) are different. 66 | await gotoPage(page, ''); 67 | await openPanel(page, 'ui_render_all1', SELECTORS.REACT_PANEL_VISIBLE); > 68 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 69 | }); 70 | 71 | test('UI all components render 2', async ({ page }) => { at /work/tests/ui.spec.ts:68:61

1) [chromium] › ui.spec.ts:65:5 › UI all components render 1 ───────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 483 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-1-1-chromium-linux.png Received: /work/test-results/ui-UI-all-components-render-1-chromium-retry1/UI-all-components-render-1-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-1-chromium-retry1/UI-all-components-render-1-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 483 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 483 pixels (ratio 0.01 of all image pixels) are different. 66 | await gotoPage(page, ''); 67 | await openPanel(page, 'ui_render_all1', SELECTORS.REACT_PANEL_VISIBLE); > 68 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 69 | }); 70 | 71 | test('UI all components render 2', async ({ page }) => { at /work/tests/ui.spec.ts:68:61

2) [chromium] › ui.spec.ts:71:5 › UI all components render 2 ───────────────────────────────────── Error: Screenshot comparison failed: 81 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-2-1-chromium-linux.png Received: /work/test-results/ui-UI-all-components-render-2-chromium/UI-all-components-render-2-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-2-chromium/UI-all-components-render-2-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 81 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 81 pixels (ratio 0.01 of all image pixels) are different. 72 | await gotoPage(page, ''); 73 | await openPanel(page, 'ui_render_all2', SELECTORS.REACT_PANEL_VISIBLE); > 74 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 75 | }); 76 | 77 | // Tests flex components render as expected at /work/tests/ui.spec.ts:74:61

2) [chromium] › ui.spec.ts:71:5 › UI all components render 2 ───────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 81 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-2-1-chromium-linux.png Received: /work/test-results/ui-UI-all-components-render-2-chromium-retry1/UI-all-components-render-2-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-2-chromium-retry1/UI-all-components-render-2-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 81 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 81 pixels (ratio 0.01 of all image pixels) are different. 72 | await gotoPage(page, ''); 73 | await openPanel(page, 'ui_render_all2', SELECTORS.REACT_PANEL_VISIBLE); > 74 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 75 | }); 76 | 77 | // Tests flex components render as expected at /work/tests/ui.spec.ts:74:61

3) [firefox] › ui.spec.ts:65:5 › UI all components render 1 ────────────────────────────────────── Error: Screenshot comparison failed: 449 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-1-1-firefox-linux.png Received: /work/test-results/ui-UI-all-components-render-1-firefox/UI-all-components-render-1-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-1-firefox/UI-all-components-render-1-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 449 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 449 pixels (ratio 0.01 of all image pixels) are different. 66 | await gotoPage(page, ''); 67 | await openPanel(page, 'ui_render_all1', SELECTORS.REACT_PANEL_VISIBLE); > 68 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 69 | }); 70 | 71 | test('UI all components render 2', async ({ page }) => { at /work/tests/ui.spec.ts:68:61

3) [firefox] › ui.spec.ts:65:5 › UI all components render 1 ────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 449 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-1-1-firefox-linux.png Received: /work/test-results/ui-UI-all-components-render-1-firefox-retry1/UI-all-components-render-1-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-1-firefox-retry1/UI-all-components-render-1-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 449 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 449 pixels (ratio 0.01 of all image pixels) are different. 66 | await gotoPage(page, ''); 67 | await openPanel(page, 'ui_render_all1', SELECTORS.REACT_PANEL_VISIBLE); > 68 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 69 | }); 70 | 71 | test('UI all components render 2', async ({ page }) => { at /work/tests/ui.spec.ts:68:61

4) [firefox] › ui.spec.ts:71:5 › UI all components render 2 ────────────────────────────────────── Error: Screenshot comparison failed: 69 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-2-1-firefox-linux.png Received: /work/test-results/ui-UI-all-components-render-2-firefox/UI-all-components-render-2-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-2-firefox/UI-all-components-render-2-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 69 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 69 pixels (ratio 0.01 of all image pixels) are different. 72 | await gotoPage(page, ''); 73 | await openPanel(page, 'ui_render_all2', SELECTORS.REACT_PANEL_VISIBLE); > 74 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 75 | }); 76 | 77 | // Tests flex components render as expected at /work/tests/ui.spec.ts:74:61

4) [firefox] › ui.spec.ts:71:5 › UI all components render 2 ────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 69 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-2-1-firefox-linux.png Received: /work/test-results/ui-UI-all-components-render-2-firefox-retry1/UI-all-components-render-2-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-2-firefox-retry1/UI-all-components-render-2-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 69 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 69 pixels (ratio 0.01 of all image pixels) are different. 72 | await gotoPage(page, ''); 73 | await openPanel(page, 'ui_render_all2', SELECTORS.REACT_PANEL_VISIBLE); > 74 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 75 | }); 76 | 77 | // Tests flex components render as expected at /work/tests/ui.spec.ts:74:61

5) [webkit] › ui.spec.ts:65:5 › UI all components render 1 ─────────────────────────────────────── Error: Screenshot comparison failed: 464 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-1-1-webkit-linux.png Received: /work/test-results/ui-UI-all-components-render-1-webkit/UI-all-components-render-1-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-1-webkit/UI-all-components-render-1-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 464 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 464 pixels (ratio 0.01 of all image pixels) are different. 66 | await gotoPage(page, ''); 67 | await openPanel(page, 'ui_render_all1', SELECTORS.REACT_PANEL_VISIBLE); > 68 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 69 | }); 70 | 71 | test('UI all components render 2', async ({ page }) => { at /work/tests/ui.spec.ts:68:61

5) [webkit] › ui.spec.ts:65:5 › UI all components render 1 ─────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 464 pixels (ratio 0.01 of all image pixels) are different. Expected: /work/tests/ui.spec.ts-snapshots/UI-all-components-render-1-1-webkit-linux.png Received: /work/test-results/ui-UI-all-components-render-1-webkit-retry1/UI-all-components-render-1-1-actual.png Diff: /work/test-results/ui-UI-all-components-render-1-webkit-retry1/UI-all-components-render-1-1-diff.png Call log: - expect.toHaveScreenshot with timeout 15000ms - verifying given screenshot expectation - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 464 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.dh-react-panel:visible') - locator resolved to <div class="dh-react-panel">…</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 - 464 pixels (ratio 0.01 of all image pixels) are different. 66 | await gotoPage(page, ''); 67 | await openPanel(page, 'ui_render_all1', SELECTORS.REACT_PANEL_VISIBLE); > 68 | await expect(page.locator(SELECTORS.REACT_PANEL_VISIBLE)).toHaveScreenshot(); | ^ 69 | }); 70 | 71 | test('UI all components render 2', async ({ page }) => { at /work/tests/ui.spec.ts:68:61