Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying click action - waiting 20ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events 2 × retrying click action - waiting 100ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events 12 × retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable 18 | // Click on light theme button 19 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 20 | await lightThemeButton.click(); | ^ 21 | await page.waitForTimeout(500); // Wait for theme change 22 | 23 | // Check that the background has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-chromium/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 57 | // Click on green color button 58 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 59 | await greenButton.click(); | ^ 60 | await page.waitForTimeout(500); 61 | 62 | // Check that colors have changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-chromium/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 98 | // Click on blue color button 99 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 100 | await blueButton.click(); | ^ 101 | await page.waitForTimeout(500); 102 | 103 | // Check that text gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-chromium/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 121 | // Click on green color button 122 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 123 | await greenButton.click(); | ^ 124 | await page.waitForTimeout(500); 125 | 126 | // Check that overlay gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-chromium/error-context.md ]]>

Dark Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 147 | // Click on dark theme 148 | const darkThemeButton = page.locator('button').filter({ hasText: 'dark' }); > 149 | await darkThemeButton.click(); | ^ 150 | await page.waitForTimeout(500); 151 | 152 | // Check that card styling has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-chromium/error-context.md ]]>

Light Theme - attempting click action 2 × waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

intercepts pointer events 11 × retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 178 | // Change theme 179 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 180 | await lightThemeButton.click(); | ^ 181 | await page.waitForTimeout(500); 182 | 183 | // Check that responsive behavior is maintained at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-chromium/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 86 | for (const button of themeButtons) { 87 | const startTime = performance.now(); > 88 | await button.click(); | ^ 89 | await page.waitForTimeout(100); // Wait for theme to apply 90 | const endTime = performance.now(); 91 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-chromium/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 117 | for (const button of colorButtons) { 118 | const startTime = performance.now(); > 119 | await button.click(); | ^ 120 | await page.waitForTimeout(100); // Wait for color to apply 121 | const endTime = performance.now(); 122 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-chromium/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

intercepts pointer events 13 × retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 208 | const colorButton = colorButtons[i % colorButtons.length]; 209 | > 210 | await themeButton.click(); | ^ 211 | await colorButton.click(); 212 | await page.waitForTimeout(50); // Small delay between interactions 213 | } at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-chromium/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 231 | const colorButton = page.locator('button').filter({ hasText: 'blue' }); 232 | > 233 | await themeButton.click(); | ^ 234 | await colorButton.click(); 235 | await page.waitForTimeout(100); 236 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-chromium/error-context.md ]]>

Component Showcase aka getByRole('heading', { name: 'Component Showcase', exact: true }) 2)

🎛️ Dynamic Theme Controls

aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' }) 3)

🧩 Component Showcase

aka getByRole('heading', { name: '🧩 Component Showcase' }) 4)

🎮 Interactive Component Demo

aka getByRole('heading', { name: '🎮 Interactive Component Demo' }) 5)

⚡ Performance Metrics

aka getByRole('heading', { name: '⚡ Performance Metrics' }) Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('h2') 36 | // Check for the subtitle 37 | const subtitle = page.locator('h2'); > 38 | await expect(subtitle).toBeVisible(); | ^ 39 | 40 | console.log('✅ Main page content is served correctly'); 41 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-chromium/error-context.md ]]>

16 | expect(bodyClasses).toContain('min-h-screen'); | ^ 17 | expect(bodyClasses).toContain('transition-all'); 18 | expect(bodyClasses).toContain('duration-700'); 19 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-chromium/error-context.md ]]>

= 90 Received: 0 48 | 49 | // Should have lg padding (py-24 = 6rem = 96px) > 50 | expect(parseInt(desktopStyles.paddingTop)).toBeGreaterThanOrEqual(90); | ^ 51 | 52 | // Test tablet view 53 | await page.setViewportSize({ width: 768, height: 1024 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-chromium/error-context.md ]]>

100 | expect(backgroundImage).toContain('gradient'); | ^ 101 | }); 102 | 103 | test('should apply state classes correctly', async ({ page }) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-chromium/error-context.md ]]>

🎯 Try Components - attempting hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 20ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events 2 × retrying hover action - waiting 100ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events 13 × retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable 112 | 113 | // Test hover state > 114 | await firstButton.hover(); | ^ 115 | await page.waitForTimeout(100); 116 | 117 | // Check that hover styles are applied at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-chromium/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 135 | // Click on blue color 136 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 137 | await blueButton.click(); | ^ 138 | await page.waitForTimeout(500); 139 | 140 | const blueClasses = await heroSection.evaluate((el) => el.className); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-chromium/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 176 | // Click on light theme 177 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 178 | await lightThemeButton.click(); | ^ 179 | await page.waitForTimeout(500); 180 | 181 | const lightBackground = await body.evaluate((el) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-chromium/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 212 | const defaultThemeButton = page.locator('button').filter({ hasText: 'default' }); 213 | > 214 | await lightThemeButton.click(); | ^ 215 | await page.waitForTimeout(100); 216 | await darkThemeButton.click(); 217 | await page.waitForTimeout(100); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-chromium/error-context.md ]]>

50 Received: 0 71 | 72 | // Check that padding is appropriate for desktop > 73 | expect(parseInt(heroStyles.paddingTop)).toBeGreaterThan(50); | ^ 74 | 75 | // Test mobile view 76 | await page.setViewportSize({ width: 375, height: 667 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-chromium/error-context.md ]]>

118 | expect(overlayStyles.animation).toContain('pulse'); | ^ 119 | // Check that overlay has a background color 120 | expect(overlayStyles.backgroundColor).not.toBe('rgba(0, 0, 0, 0)'); 121 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-chromium/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-chromium/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-chromium/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 18 | // Click on light theme button 19 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 20 | await lightThemeButton.click(); | ^ 21 | await page.waitForTimeout(500); // Wait for theme change 22 | 23 | // Check that the background has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-firefox/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 57 | // Click on green color button 58 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 59 | await greenButton.click(); | ^ 60 | await page.waitForTimeout(500); 61 | 62 | // Check that colors have changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-firefox/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 98 | // Click on blue color button 99 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 100 | await blueButton.click(); | ^ 101 | await page.waitForTimeout(500); 102 | 103 | // Check that text gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-firefox/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling 121 | // Click on green color button 122 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 123 | await greenButton.click(); | ^ 124 | await page.waitForTimeout(500); 125 | 126 | // Check that overlay gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-firefox/error-context.md ]]>

Dark Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 147 | // Click on dark theme 148 | const darkThemeButton = page.locator('button').filter({ hasText: 'dark' }); > 149 | await darkThemeButton.click(); | ^ 150 | await page.waitForTimeout(500); 151 | 152 | // Check that card styling has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-firefox/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable 178 | // Change theme 179 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 180 | await lightThemeButton.click(); | ^ 181 | await page.waitForTimeout(500); 182 | 183 | // Check that responsive behavior is maintained at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-firefox/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 86 | for (const button of themeButtons) { 87 | const startTime = performance.now(); > 88 | await button.click(); | ^ 89 | await page.waitForTimeout(100); // Wait for theme to apply 90 | const endTime = performance.now(); 91 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-firefox/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable 117 | for (const button of colorButtons) { 118 | const startTime = performance.now(); > 119 | await button.click(); | ^ 120 | await page.waitForTimeout(100); // Wait for color to apply 121 | const endTime = performance.now(); 122 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-firefox/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 208 | const colorButton = colorButtons[i % colorButtons.length]; 209 | > 210 | await themeButton.click(); | ^ 211 | await colorButton.click(); 212 | await page.waitForTimeout(50); // Small delay between interactions 213 | } at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-firefox/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 231 | const colorButton = page.locator('button').filter({ hasText: 'blue' }); 232 | > 233 | await themeButton.click(); | ^ 234 | await colorButton.click(); 235 | await page.waitForTimeout(100); 236 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-firefox/error-context.md ]]>

Component Showcase aka getByRole('heading', { name: 'Component Showcase', exact: true }) 2)

🎛️ Dynamic Theme Controls

aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' }) 3)

🧩 Component Showcase

aka getByRole('heading', { name: '🧩 Component Showcase' }) 4)

🎮 Interactive Component Demo

aka getByRole('heading', { name: '🎮 Interactive Component Demo' }) 5)

⚡ Performance Metrics

aka getByRole('heading', { name: '⚡ Performance Metrics' }) Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('h2') 36 | // Check for the subtitle 37 | const subtitle = page.locator('h2'); > 38 | await expect(subtitle).toBeVisible(); | ^ 39 | 40 | console.log('✅ Main page content is served correctly'); 41 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-firefox/error-context.md ]]>

16 | expect(bodyClasses).toContain('min-h-screen'); | ^ 17 | expect(bodyClasses).toContain('transition-all'); 18 | expect(bodyClasses).toContain('duration-700'); 19 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-firefox/error-context.md ]]>

= 90 Received: 0 48 | 49 | // Should have lg padding (py-24 = 6rem = 96px) > 50 | expect(parseInt(desktopStyles.paddingTop)).toBeGreaterThanOrEqual(90); | ^ 51 | 52 | // Test tablet view 53 | await page.setViewportSize({ width: 768, height: 1024 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-firefox/error-context.md ]]>

100 | expect(backgroundImage).toContain('gradient'); | ^ 101 | }); 102 | 103 | test('should apply state classes correctly', async ({ page }) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-firefox/error-context.md ]]>

🎯 Try Components - attempting hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 20ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events 12 × retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms 112 | 113 | // Test hover state > 114 | await firstButton.hover(); | ^ 115 | await page.waitForTimeout(100); 116 | 117 | // Check that hover styles are applied at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-firefox/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 135 | // Click on blue color 136 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 137 | await blueButton.click(); | ^ 138 | await page.waitForTimeout(500); 139 | 140 | const blueClasses = await heroSection.evaluate((el) => el.className); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-firefox/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable 176 | // Click on light theme 177 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 178 | await lightThemeButton.click(); | ^ 179 | await page.waitForTimeout(500); 180 | 181 | const lightBackground = await body.evaluate((el) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-firefox/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 212 | const defaultThemeButton = page.locator('button').filter({ hasText: 'default' }); 213 | > 214 | await lightThemeButton.click(); | ^ 215 | await page.waitForTimeout(100); 216 | await darkThemeButton.click(); 217 | await page.waitForTimeout(100); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-firefox/error-context.md ]]>

50 Received: 0 71 | 72 | // Check that padding is appropriate for desktop > 73 | expect(parseInt(heroStyles.paddingTop)).toBeGreaterThan(50); | ^ 74 | 75 | // Test mobile view 76 | await page.setViewportSize({ width: 375, height: 667 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-firefox/error-context.md ]]>

118 | expect(overlayStyles.animation).toContain('pulse'); | ^ 119 | // Check that overlay has a background color 120 | expect(overlayStyles.backgroundColor).not.toBe('rgba(0, 0, 0, 0)'); 121 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-firefox/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-firefox/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-firefox/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable 18 | // Click on light theme button 19 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 20 | await lightThemeButton.click(); | ^ 21 | await page.waitForTimeout(500); // Wait for theme change 22 | 23 | // Check that the background has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-webkit/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 57 | // Click on green color button 58 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 59 | await greenButton.click(); | ^ 60 | await page.waitForTimeout(500); 61 | 62 | // Check that colors have changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-webkit/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 98 | // Click on blue color button 99 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 100 | await blueButton.click(); | ^ 101 | await page.waitForTimeout(500); 102 | 103 | // Check that text gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-webkit/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 121 | // Click on green color button 122 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 123 | await greenButton.click(); | ^ 124 | await page.waitForTimeout(500); 125 | 126 | // Check that overlay gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-webkit/error-context.md ]]>

Dark Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 147 | // Click on dark theme 148 | const darkThemeButton = page.locator('button').filter({ hasText: 'dark' }); > 149 | await darkThemeButton.click(); | ^ 150 | await page.waitForTimeout(500); 151 | 152 | // Check that card styling has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-webkit/error-context.md ]]>

Light Theme - attempting click action 2 × waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

intercepts pointer events - retrying click action - waiting 500ms 178 | // Change theme 179 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 180 | await lightThemeButton.click(); | ^ 181 | await page.waitForTimeout(500); 182 | 183 | // Check that responsive behavior is maintained at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-webkit/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 86 | for (const button of themeButtons) { 87 | const startTime = performance.now(); > 88 | await button.click(); | ^ 89 | await page.waitForTimeout(100); // Wait for theme to apply 90 | const endTime = performance.now(); 91 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-webkit/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 117 | for (const button of colorButtons) { 118 | const startTime = performance.now(); > 119 | await button.click(); | ^ 120 | await page.waitForTimeout(100); // Wait for color to apply 121 | const endTime = performance.now(); 122 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-webkit/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 208 | const colorButton = colorButtons[i % colorButtons.length]; 209 | > 210 | await themeButton.click(); | ^ 211 | await colorButton.click(); 212 | await page.waitForTimeout(50); // Small delay between interactions 213 | } at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-webkit/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 231 | const colorButton = page.locator('button').filter({ hasText: 'blue' }); 232 | > 233 | await themeButton.click(); | ^ 234 | await colorButton.click(); 235 | await page.waitForTimeout(100); 236 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-webkit/error-context.md ]]>

Component Showcase aka getByRole('heading', { name: 'Component Showcase', exact: true }) 2)

🎛️ Dynamic Theme Controls

aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' }) 3)

🧩 Component Showcase

aka getByRole('heading', { name: '🧩 Component Showcase' }) 4)

🎮 Interactive Component Demo

aka getByRole('heading', { name: '🎮 Interactive Component Demo' }) 5)

⚡ Performance Metrics

aka getByRole('heading', { name: '⚡ Performance Metrics' }) Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('h2') 36 | // Check for the subtitle 37 | const subtitle = page.locator('h2'); > 38 | await expect(subtitle).toBeVisible(); | ^ 39 | 40 | console.log('✅ Main page content is served correctly'); 41 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-webkit/error-context.md ]]>

16 | expect(bodyClasses).toContain('min-h-screen'); | ^ 17 | expect(bodyClasses).toContain('transition-all'); 18 | expect(bodyClasses).toContain('duration-700'); 19 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-webkit/error-context.md ]]>

= 90 Received: 0 48 | 49 | // Should have lg padding (py-24 = 6rem = 96px) > 50 | expect(parseInt(desktopStyles.paddingTop)).toBeGreaterThanOrEqual(90); | ^ 51 | 52 | // Test tablet view 53 | await page.setViewportSize({ width: 768, height: 1024 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-webkit/error-context.md ]]>

100 | expect(backgroundImage).toContain('gradient'); | ^ 101 | }); 102 | 103 | test('should apply state classes correctly', async ({ page }) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-webkit/error-context.md ]]>

🎯 Try Components - attempting hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 20ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events 13 × retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms 112 | 113 | // Test hover state > 114 | await firstButton.hover(); | ^ 115 | await page.waitForTimeout(100); 116 | 117 | // Check that hover styles are applied at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-webkit/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 135 | // Click on blue color 136 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 137 | await blueButton.click(); | ^ 138 | await page.waitForTimeout(500); 139 | 140 | const blueClasses = await heroSection.evaluate((el) => el.className); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-webkit/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 176 | // Click on light theme 177 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 178 | await lightThemeButton.click(); | ^ 179 | await page.waitForTimeout(500); 180 | 181 | const lightBackground = await body.evaluate((el) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-webkit/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

from

…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 212 | const defaultThemeButton = page.locator('button').filter({ hasText: 'default' }); 213 | > 214 | await lightThemeButton.click(); | ^ 215 | await page.waitForTimeout(100); 216 | await darkThemeButton.click(); 217 | await page.waitForTimeout(100); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-webkit/error-context.md ]]>

50 Received: 0 71 | 72 | // Check that padding is appropriate for desktop > 73 | expect(parseInt(heroStyles.paddingTop)).toBeGreaterThan(50); | ^ 74 | 75 | // Test mobile view 76 | await page.setViewportSize({ width: 375, height: 667 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-webkit/error-context.md ]]>

118 | expect(overlayStyles.animation).toContain('pulse'); | ^ 119 | // Check that overlay has a background color 120 | expect(overlayStyles.backgroundColor).not.toBe('rgba(0, 0, 0, 0)'); 121 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-webkit/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-webkit/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-webkit/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 20ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 18 | // Click on light theme button 19 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 20 | await lightThemeButton.click(); | ^ 21 | await page.waitForTimeout(500); // Wait for theme change 22 | 23 | // Check that the background has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Chrome/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 57 | // Click on green color button 58 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 59 | await greenButton.click(); | ^ 60 | await page.waitForTimeout(500); 61 | 62 | // Check that colors have changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Chrome/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 98 | // Click on blue color button 99 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 100 | await blueButton.click(); | ^ 101 | await page.waitForTimeout(500); 102 | 103 | // Check that text gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Chrome/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 121 | // Click on green color button 122 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 123 | await greenButton.click(); | ^ 124 | await page.waitForTimeout(500); 125 | 126 | // Check that overlay gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Chrome/error-context.md ]]>

Dark Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 147 | // Click on dark theme 148 | const darkThemeButton = page.locator('button').filter({ hasText: 'dark' }); > 149 | await darkThemeButton.click(); | ^ 150 | await page.waitForTimeout(500); 151 | 152 | // Check that card styling has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Chrome/error-context.md ]]>

Light Theme - attempting click action 2 × waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

intercepts pointer events - retrying click action - waiting 500ms 178 | // Change theme 179 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 180 | await lightThemeButton.click(); | ^ 181 | await page.waitForTimeout(500); 182 | 183 | // Check that responsive behavior is maintained at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Chrome/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 86 | for (const button of themeButtons) { 87 | const startTime = performance.now(); > 88 | await button.click(); | ^ 89 | await page.waitForTimeout(100); // Wait for theme to apply 90 | const endTime = performance.now(); 91 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Chrome/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 117 | for (const button of colorButtons) { 118 | const startTime = performance.now(); > 119 | await button.click(); | ^ 120 | await page.waitForTimeout(100); // Wait for color to apply 121 | const endTime = performance.now(); 122 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Chrome/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 208 | const colorButton = colorButtons[i % colorButtons.length]; 209 | > 210 | await themeButton.click(); | ^ 211 | await colorButton.click(); 212 | await page.waitForTimeout(50); // Small delay between interactions 213 | } at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Chrome/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 231 | const colorButton = page.locator('button').filter({ hasText: 'blue' }); 232 | > 233 | await themeButton.click(); | ^ 234 | await colorButton.click(); 235 | await page.waitForTimeout(100); 236 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Chrome/error-context.md ]]>

Component Showcase aka getByRole('heading', { name: 'Component Showcase', exact: true }) 2)

🎛️ Dynamic Theme Controls

aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' }) 3)

🧩 Component Showcase

aka getByRole('heading', { name: '🧩 Component Showcase' }) 4)

🎮 Interactive Component Demo

aka getByRole('heading', { name: '🎮 Interactive Component Demo' }) 5)

⚡ Performance Metrics

aka getByRole('heading', { name: '⚡ Performance Metrics' }) Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('h2') 36 | // Check for the subtitle 37 | const subtitle = page.locator('h2'); > 38 | await expect(subtitle).toBeVisible(); | ^ 39 | 40 | console.log('✅ Main page content is served correctly'); 41 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Chrome/error-context.md ]]>

16 | expect(bodyClasses).toContain('min-h-screen'); | ^ 17 | expect(bodyClasses).toContain('transition-all'); 18 | expect(bodyClasses).toContain('duration-700'); 19 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Chrome/error-context.md ]]>

= 90 Received: 0 48 | 49 | // Should have lg padding (py-24 = 6rem = 96px) > 50 | expect(parseInt(desktopStyles.paddingTop)).toBeGreaterThanOrEqual(90); | ^ 51 | 52 | // Test tablet view 53 | await page.setViewportSize({ width: 768, height: 1024 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Chrome/error-context.md ]]>

100 | expect(backgroundImage).toContain('gradient'); | ^ 101 | }); 102 | 103 | test('should apply state classes correctly', async ({ page }) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Chrome/error-context.md ]]>

🎯 Try Components - attempting hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying hover action - waiting 20ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

intercepts pointer events 13 × retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms 112 | 113 | // Test hover state > 114 | await firstButton.hover(); | ^ 115 | await page.waitForTimeout(100); 116 | 117 | // Check that hover styles are applied at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Chrome/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 135 | // Click on blue color 136 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 137 | await blueButton.click(); | ^ 138 | await page.waitForTimeout(500); 139 | 140 | const blueClasses = await heroSection.evaluate((el) => el.className); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Chrome/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 176 | // Click on light theme 177 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 178 | await lightThemeButton.click(); | ^ 179 | await page.waitForTimeout(500); 180 | 181 | const lightBackground = await body.evaluate((el) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Chrome/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 212 | const defaultThemeButton = page.locator('button').filter({ hasText: 'default' }); 213 | > 214 | await lightThemeButton.click(); | ^ 215 | await page.waitForTimeout(100); 216 | await darkThemeButton.click(); 217 | await page.waitForTimeout(100); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Chrome/error-context.md ]]>

50 Received: 0 71 | 72 | // Check that padding is appropriate for desktop > 73 | expect(parseInt(heroStyles.paddingTop)).toBeGreaterThan(50); | ^ 74 | 75 | // Test mobile view 76 | await page.setViewportSize({ width: 375, height: 667 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Chrome/error-context.md ]]>

118 | expect(overlayStyles.animation).toContain('pulse'); | ^ 119 | // Check that overlay has a background color 120 | expect(overlayStyles.backgroundColor).not.toBe('rgba(0, 0, 0, 0)'); 121 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Chrome/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Chrome/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Chrome/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 18 | // Click on light theme button 19 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 20 | await lightThemeButton.click(); | ^ 21 | await page.waitForTimeout(500); // Wait for theme change 22 | 23 | // Check that the background has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Safari/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 57 | // Click on green color button 58 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 59 | await greenButton.click(); | ^ 60 | await page.waitForTimeout(500); 61 | 62 | // Check that colors have changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Safari/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 98 | // Click on blue color button 99 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 100 | await blueButton.click(); | ^ 101 | await page.waitForTimeout(500); 102 | 103 | // Check that text gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Safari/error-context.md ]]>

Green Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 121 | // Click on green color button 122 | const greenButton = page.locator('button').filter({ hasText: 'green' }); > 123 | await greenButton.click(); | ^ 124 | await page.waitForTimeout(500); 125 | 126 | // Check that overlay gradient has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Safari/error-context.md ]]>

Dark Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

intercepts pointer events - retrying click action - waiting 500ms 147 | // Click on dark theme 148 | const darkThemeButton = page.locator('button').filter({ hasText: 'dark' }); > 149 | await darkThemeButton.click(); | ^ 150 | await page.waitForTimeout(500); 151 | 152 | // Check that card styling has changed at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Safari/error-context.md ]]>

Light Theme - attempting click action 2 × waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling 178 | // Change theme 179 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 180 | await lightThemeButton.click(); | ^ 181 | await page.waitForTimeout(500); 182 | 183 | // Check that responsive behavior is maintained at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Safari/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 86 | for (const button of themeButtons) { 87 | const startTime = performance.now(); > 88 | await button.click(); | ^ 89 | await page.waitForTimeout(100); // Wait for theme to apply 90 | const endTime = performance.now(); 91 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Safari/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 117 | for (const button of colorButtons) { 118 | const startTime = performance.now(); > 119 | await button.click(); | ^ 120 | await page.waitForTimeout(100); // Wait for color to apply 121 | const endTime = performance.now(); 122 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Safari/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 208 | const colorButton = colorButtons[i % colorButtons.length]; 209 | > 210 | await themeButton.click(); | ^ 211 | await colorButton.click(); 212 | await page.waitForTimeout(50); // Small delay between interactions 213 | } at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Safari/error-context.md ]]>

Default Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 231 | const colorButton = page.locator('button').filter({ hasText: 'blue' }); 232 | > 233 | await themeButton.click(); | ^ 234 | await colorButton.click(); 235 | await page.waitForTimeout(100); 236 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Safari/error-context.md ]]>

Component Showcase aka getByRole('heading', { name: 'Component Showcase', exact: true }) 2)

🎛️ Dynamic Theme Controls

aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' }) 3)

🧩 Component Showcase

aka getByRole('heading', { name: '🧩 Component Showcase' }) 4)

🎮 Interactive Component Demo

aka getByRole('heading', { name: '🎮 Interactive Component Demo' }) 5)

⚡ Performance Metrics

aka getByRole('heading', { name: '⚡ Performance Metrics' }) Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('h2') 36 | // Check for the subtitle 37 | const subtitle = page.locator('h2'); > 38 | await expect(subtitle).toBeVisible(); | ^ 39 | 40 | console.log('✅ Main page content is served correctly'); 41 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Safari/error-context.md ]]>

16 | expect(bodyClasses).toContain('min-h-screen'); | ^ 17 | expect(bodyClasses).toContain('transition-all'); 18 | expect(bodyClasses).toContain('duration-700'); 19 | at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Safari/error-context.md ]]>

= 90 Received: 0 48 | 49 | // Should have lg padding (py-24 = 6rem = 96px) > 50 | expect(parseInt(desktopStyles.paddingTop)).toBeGreaterThanOrEqual(90); | ^ 51 | 52 | // Test tablet view 53 | await page.setViewportSize({ width: 768, height: 1024 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Safari/error-context.md ]]>

100 | expect(backgroundImage).toContain('gradient'); | ^ 101 | }); 102 | 103 | test('should apply state classes correctly', async ({ page }) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Safari/error-context.md ]]>

🎯 Try Components - attempting hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

from

…

subtree intercepts pointer events - retrying hover action - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

intercepts pointer events 13 × retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

…

intercepts pointer events - retrying hover action - waiting 500ms - waiting for element to be visible and stable - element is visible and stable - scrolling into view if needed - done scrolling -

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

subtree intercepts pointer events - retrying hover action - waiting 500ms 112 | 113 | // Test hover state > 114 | await firstButton.hover(); | ^ 115 | await page.waitForTimeout(100); 116 | 117 | // Check that hover styles are applied at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Safari/error-context.md ]]>

Blue Scheme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling 135 | // Click on blue color 136 | const blueButton = page.locator('button').filter({ hasText: 'blue' }); > 137 | await blueButton.click(); | ^ 138 | await page.waitForTimeout(500); 139 | 140 | const blueClasses = await heroSection.evaluate((el) => el.className); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Safari/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 176 | // Click on light theme 177 | const lightThemeButton = page.locator('button').filter({ hasText: 'light' }); > 178 | await lightThemeButton.click(); | ^ 179 | await page.waitForTimeout(500); 180 | 181 | const lightBackground = await body.evaluate((el) => { at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Safari/error-context.md ]]>

Light Theme - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling -

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

from

…

error from build pipeline↵↵Caused by:↵⇆0: HTML bu…

from

…

subtree intercepts pointer events - retrying click action - waiting 500ms 212 | const defaultThemeButton = page.locator('button').filter({ hasText: 'default' }); 213 | > 214 | await lightThemeButton.click(); | ^ 215 | await page.waitForTimeout(100); 216 | await darkThemeButton.click(); 217 | await page.waitForTimeout(100); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Safari/error-context.md ]]>

50 Received: 0 71 | 72 | // Check that padding is appropriate for desktop > 73 | expect(parseInt(heroStyles.paddingTop)).toBeGreaterThan(50); | ^ 74 | 75 | // Test mobile view 76 | await page.setViewportSize({ width: 375, height: 667 }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Safari/error-context.md ]]>

118 | expect(overlayStyles.animation).toContain('pulse'); | ^ 119 | // Check that overlay has a background color 120 | expect(overlayStyles.backgroundColor).not.toBe('rgba(0, 0, 0, 0)'); 121 | }); at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37 attachment #1: screenshot (image/png) ────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Safari/test-failed-1.png ──────────────────────────────────────────────────────────────────────────────────────────────── attachment #2: video (video/webm) ────────────────────────────────────────────────────────────── ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Safari/video.webm ──────────────────────────────────────────────────────────────────────────────────────────────── Error Context: ../test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Safari/error-context.md ]]>