1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--highlight-errors Error: Screenshot comparison failed: 407 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/HighlightInput/highlightinput--highlight-errors.png Received: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--highlight-errors-chromium/HighlightInput/highlightinput--highlight-errors-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--highlight-errors-chromium/HighlightInput/highlightinput--highlight-errors-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 407 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 407 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--highlight-errors Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 407 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/HighlightInput/highlightinput--highlight-errors.png Received: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--highlight-errors-chromium-retry1/HighlightInput/highlightinput--highlight-errors-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--highlight-errors-chromium-retry1/HighlightInput/highlightinput--highlight-errors-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 407 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 407 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--highlight-errors Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 407 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/HighlightInput/highlightinput--highlight-errors.png Received: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--highlight-errors-chromium-retry2/HighlightInput/highlightinput--highlight-errors-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--highlight-errors-chromium-retry2/HighlightInput/highlightinput--highlight-errors-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 407 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 407 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--with-syntax-fail Error: Screenshot comparison failed: 367 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/HighlightInput/highlightinput--with-syntax-fail.png Received: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--with-syntax-fail-chromium/HighlightInput/highlightinput--with-syntax-fail-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--with-syntax-fail-chromium/HighlightInput/highlightinput--with-syntax-fail-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 367 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 367 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--with-syntax-fail Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 367 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/HighlightInput/highlightinput--with-syntax-fail.png Received: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--with-syntax-fail-chromium-retry1/HighlightInput/highlightinput--with-syntax-fail-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--with-syntax-fail-chromium-retry1/HighlightInput/highlightinput--with-syntax-fail-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 367 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 367 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--with-syntax-fail Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 367 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/HighlightInput/highlightinput--with-syntax-fail.png Received: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--with-syntax-fail-chromium-retry2/HighlightInput/highlightinput--with-syntax-fail-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-HighlightInput-–-highlightinput--with-syntax-fail-chromium-retry2/HighlightInput/highlightinput--with-syntax-fail-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 367 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 367 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--empty Error: Screenshot comparison failed: 12 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/TriggerEditForm/triggereditform--empty.png Received: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--empty-chromium/TriggerEditForm/triggereditform--empty-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--empty-chromium/TriggerEditForm/triggereditform--empty-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 12 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 12 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--empty Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 12 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/TriggerEditForm/triggereditform--empty.png Received: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--empty-chromium-retry1/TriggerEditForm/triggereditform--empty-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--empty-chromium-retry1/TriggerEditForm/triggereditform--empty-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 12 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 12 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--empty Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 12 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/TriggerEditForm/triggereditform--empty.png Received: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--empty-chromium-retry2/TriggerEditForm/triggereditform--empty-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--empty-chromium-retry2/TriggerEditForm/triggereditform--empty-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 12 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 12 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42

4) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--simple Error: Screenshot comparison failed: 898 pixels (ratio 0.01 of all image pixels) are different. Expected: /app/playwright/snapshots/TriggerEditForm/triggereditform--simple.png Received: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--simple-chromium/TriggerEditForm/triggereditform--simple-actual.png Diff: /app/test-results/screenshotTests-screenshotTest-TriggerEditForm-–-triggereditform--simple-chromium/TriggerEditForm/triggereditform--simple-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root"></div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is not visible - waiting... - element is visible and stable - 898 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#storybook-root') - locator resolved to <div id="storybook-root">…</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 - 898 pixels (ratio 0.01 of all image pixels) are different. at helpers/expectToMatchScreenshot.ts:11 9 | } else { 10 | const element = page.locator("#storybook-root"); > 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]); | ^ 12 | } 13 | } 14 | at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31) at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42