1) [webkit] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Error: Screenshot comparison failed: 15 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 15 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 15 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

1) [webkit] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 15 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 15 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

1) [webkit] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 15 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 15 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--webkit-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

2) [webkit] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Error: Screenshot comparison failed: 15 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 15 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 15 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

2) [webkit] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 15 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 15 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

2) [webkit] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 15 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 15 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 15 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--webkit-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

Process completed with exit code 1.

1) [chromium] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

1) [chromium] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

1) [chromium] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--chromium-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

2) [chromium] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

2) [chromium] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

2) [chromium] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--chromium-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

Process completed with exit code 1.

1) [firefox] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

1) [firefox] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox-retry1/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

1) [firefox] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-0ec02-ould-display-and-show-a-modal-desktop-viewport--firefox-retry2/Layout-block-desktop-Layout-should-display-and-show-a-modal-desktop-viewport-1-diff.png 28 | 29 | // Test if clicking the hamburger menu opens a modal > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 32 | await hamburgerMenu.click(); 33 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:30:29

2) [firefox] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

2) [firefox] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox-retry1/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

2) [firefox] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="letterpress-container">…</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 - 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-expected.png Received: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-actual.png Diff: /__w/bugle/bugle/packages/letterpress/test-results/components-Layout-Layout.spec.tsx-Layout-block-a76d4-hould-display-and-show-a-modal-mobile-viewport--firefox-retry2/Layout-block-mobile-Layout-should-display-and-show-a-modal-mobile-viewport-1-diff.png 65 | 66 | // Test if clicking the hamburger menu opens a modal > 67 | await expect(component).toHaveScreenshot(); | ^ 68 | const hamburgerMenu = component.locator("#letterpress-hamburger"); 69 | await hamburgerMenu.click(); 70 | await expect(hamburgerMenu).toBeTruthy(); at /__w/bugle/bugle/packages/letterpress/components/Layout/Layout.spec.tsx:67:29

Process completed with exit code 1.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

No files were found with the provided path: playwright-report/. No artifacts will be uploaded.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

No files were found with the provided path: playwright-report/. No artifacts will be uploaded.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3, actions/download-artifact@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

No files were found with the provided path: ./packages/letterpress/playwright-report. No artifacts will be uploaded.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3, actions/download-artifact@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

No files were found with the provided path: ./packages/letterpress/playwright-report. No artifacts will be uploaded.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: styfle/[email protected], actions/checkout@v3, actions/setup-node@v3, actions/download-artifact@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

No files were found with the provided path: ./packages/letterpress/playwright-report. No artifacts will be uploaded.

The following artifacts were uploaded using a version of actions/upload-artifact that is scheduled for deprecation: "dist". Please update your workflow to use v4 of the artifact actions. Learn more: https://github.blog/changelog/2024-04-16-deprecation-notice-v3-of-the-artifact-actions/

2 failed [webkit] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) [webkit] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) 18 passed (17.5s)

2 failed [chromium] › components/Layout/Layout.spec.tsx:10:7 › Layout block desktop › Layout should display and show a modal (desktop viewport) [chromium] › components/Layout/Layout.spec.tsx:48:7 › Layout block mobile › Layout should display and show a modal (mobile viewport) 18 passed (13.6s)