rust/leptos-shadcn-ui
1
0
Fork 0
mirror of https://github.com/cloud-shuttle/leptos-shadcn-ui.git synced 2025-12-22 22:00:00 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
7a36292cf90e3c870081a0c90f6b225cb92e74b0
leptos-shadcn-ui/examples/leptos/test-results.json
Peter Hanssens 7a36292cf9 🚀 Release v0.1.0: WASM-compatible components with tailwind-rs-core v0.4.0 
- Fixed compilation errors in menubar, combobox, and drawer packages
- Updated to tailwind-rs-core v0.4.0 and tailwind-rs-wasm v0.4.0 for WASM compatibility
- Cleaned up unused variable warnings across packages
- Updated release documentation with WASM integration details
- Demo working with dynamic color API and Tailwind CSS generation
- All 25+ core components ready for crates.io publication

Key features:
✅ WASM compatibility (no more tokio/mio dependencies)
✅ Dynamic Tailwind CSS class generation
✅ Type-safe color utilities
✅ Production-ready component library
2025-09-16 08:36:13 +10:00

10028 lines
904 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"config": {
"configFile": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/playwright.config.ts",
"rootDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests",
"forbidOnly": false,
"fullyParallel": true,
"globalSetup": null,
"globalTeardown": null,
"globalTimeout": 0,
"grep": {},
"grepInvert": null,
"maxFailures": 0,
"metadata": {
"actualWorkers": 5
},
"preserveOutput": "always",
"reporter": [
[
"html",
null
],
[
"json",
{
"outputFile": "test-results.json"
}
],
[
"junit",
{
"outputFile": "test-results.xml"
}
]
],
"reportSlowTests": {
"max": 5,
"threshold": 300000
},
"quiet": false,
"projects": [
{
"outputDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results",
"repeatEach": 1,
"retries": 0,
"metadata": {
"actualWorkers": 5
},
"id": "chromium",
"name": "chromium",
"testDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests",
"testIgnore": [],
"testMatch": [
"**/*.@(spec|test).?(c|m)[jt]s?(x)"
],
"timeout": 30000
},
{
"outputDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results",
"repeatEach": 1,
"retries": 0,
"metadata": {
"actualWorkers": 5
},
"id": "firefox",
"name": "firefox",
"testDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests",
"testIgnore": [],
"testMatch": [
"**/*.@(spec|test).?(c|m)[jt]s?(x)"
],
"timeout": 30000
},
{
"outputDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results",
"repeatEach": 1,
"retries": 0,
"metadata": {
"actualWorkers": 5
},
"id": "webkit",
"name": "webkit",
"testDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests",
"testIgnore": [],
"testMatch": [
"**/*.@(spec|test).?(c|m)[jt]s?(x)"
],
"timeout": 30000
},
{
"outputDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results",
"repeatEach": 1,
"retries": 0,
"metadata": {
"actualWorkers": 5
},
"id": "Mobile Chrome",
"name": "Mobile Chrome",
"testDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests",
"testIgnore": [],
"testMatch": [
"**/*.@(spec|test).?(c|m)[jt]s?(x)"
],
"timeout": 30000
},
{
"outputDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results",
"repeatEach": 1,
"retries": 0,
"metadata": {
"actualWorkers": 5
},
"id": "Mobile Safari",
"name": "Mobile Safari",
"testDir": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests",
"testIgnore": [],
"testMatch": [
"**/*.@(spec|test).?(c|m)[jt]s?(x)"
],
"timeout": 30000
}
],
"shard": null,
"updateSnapshots": "missing",
"updateSourceMethod": "patch",
"version": "1.55.0",
"workers": 5,
"webServer": null
},
"suites": [
{
"title": "comprehensive-demo.spec.ts",
"file": "comprehensive-demo.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Comprehensive Demo Tests",
"file": "comprehensive-demo.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should verify tailwind-rs-core integration is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 0,
"parallelIndex": 0,
"status": "passed",
"duration": 6228,
"errors": [],
"stdout": [
{
"text": "✅ Comprehensive demo test passed - All functionality working correctly\n"
},
{
"text": "✅ TailwindClasses API simulation working\n"
},
{
"text": "✅ Theme switching working\n"
},
{
"text": "✅ Color switching working\n"
},
{
"text": "✅ Responsive design working\n"
},
{
"text": "✅ Component interactions working\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:04.131Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "4fcb94c94876745178a7-ac3a7c8337a966dcba84",
"file": "comprehensive-demo.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify tailwind-rs-core integration is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 20,
"parallelIndex": 2,
"status": "passed",
"duration": 8460,
"errors": [],
"stdout": [
{
"text": "✅ Comprehensive demo test passed - All functionality working correctly\n"
},
{
"text": "✅ TailwindClasses API simulation working\n"
},
{
"text": "✅ Theme switching working\n"
},
{
"text": "✅ Color switching working\n"
},
{
"text": "✅ Responsive design working\n"
},
{
"text": "✅ Component interactions working\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:29.404Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "4fcb94c94876745178a7-85b5bf100da470a77c2f",
"file": "comprehensive-demo.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify tailwind-rs-core integration is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 40,
"parallelIndex": 3,
"status": "passed",
"duration": 5388,
"errors": [],
"stdout": [
{
"text": "✅ Comprehensive demo test passed - All functionality working correctly\n"
},
{
"text": "✅ TailwindClasses API simulation working\n"
},
{
"text": "✅ Theme switching working\n"
},
{
"text": "✅ Color switching working\n"
},
{
"text": "✅ Responsive design working\n"
},
{
"text": "✅ Component interactions working\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:17.291Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "4fcb94c94876745178a7-dab1bdda20bc1c3ad803",
"file": "comprehensive-demo.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify tailwind-rs-core integration is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 60,
"parallelIndex": 4,
"status": "passed",
"duration": 4891,
"errors": [],
"stdout": [
{
"text": "✅ Comprehensive demo test passed - All functionality working correctly\n"
},
{
"text": "✅ TailwindClasses API simulation working\n"
},
{
"text": "✅ Theme switching working\n"
},
{
"text": "✅ Color switching working\n"
},
{
"text": "✅ Responsive design working\n"
},
{
"text": "✅ Component interactions working\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:52.501Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "4fcb94c94876745178a7-53a9863516d64dbf225b",
"file": "comprehensive-demo.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify tailwind-rs-core integration is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 80,
"parallelIndex": 1,
"status": "passed",
"duration": 5798,
"errors": [],
"stdout": [
{
"text": "✅ Comprehensive demo test passed - All functionality working correctly\n"
},
{
"text": "✅ TailwindClasses API simulation working\n"
},
{
"text": "✅ Theme switching working\n"
},
{
"text": "✅ Color switching working\n"
},
{
"text": "✅ Responsive design working\n"
},
{
"text": "✅ Component interactions working\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:22.451Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "4fcb94c94876745178a7-301b5f0d14995d3809a1",
"file": "comprehensive-demo.spec.ts",
"line": 4,
"column": 7
}
]
}
]
},
{
"title": "interaction-tests.spec.ts",
"file": "interaction-tests.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Interaction Tests @interaction",
"file": "interaction-tests.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should switch themes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 1,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30269,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 20
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\n\n\u001b[0m \u001b[90m 18 |\u001b[39m \u001b[90m// Click on light theme button\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 20 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 21 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme change\u001b[39m\n \u001b[90m 22 |\u001b[39m \n \u001b[90m 23 |\u001b[39m \u001b[90m// Check that the background has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:04.129Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-ee1739239763ce54e6f7",
"file": "interaction-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should switch color schemes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 2,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30259,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 59
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 57 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 58 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 59 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 60 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 61 |\u001b[39m \n \u001b[90m 62 |\u001b[39m \u001b[90m// Check that colors have changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:04.099Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-a71eaf151a17cecb97bf",
"file": "interaction-tests.spec.ts",
"line": 46,
"column": 7
},
{
"title": "should update text gradients when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 3,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30234,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 22,
"line": 100
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[90m// Click on blue color button\u001b[39m\n \u001b[90m 99 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m \n \u001b[90m 103 |\u001b[39m \u001b[90m// Check that text gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:04.113Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-498451b4206326757eaa",
"file": "interaction-tests.spec.ts",
"line": 90,
"column": 7
},
{
"title": "should update animated overlays when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 4,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30274,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 123
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 121 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 123 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 124 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 125 |\u001b[39m \n \u001b[90m 126 |\u001b[39m \u001b[90m// Check that overlay gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:04.111Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-03d3eeb67f5d47d4c1f4",
"file": "interaction-tests.spec.ts",
"line": 113,
"column": 7
},
{
"title": "should update component card styling when theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 0,
"parallelIndex": 0,
"status": "timedOut",
"duration": 31252,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 27,
"line": 149
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'dark' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full\">Dark Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 147 |\u001b[39m \u001b[90m// Click on dark theme\u001b[39m\n \u001b[90m 148 |\u001b[39m \u001b[36mconst\u001b[39m darkThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'dark'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 149 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 150 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 151 |\u001b[39m \n \u001b[90m 152 |\u001b[39m \u001b[90m// Check that card styling has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:10.868Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-011dff779e9caa1bf4bc",
"file": "interaction-tests.spec.ts",
"line": 136,
"column": 7
},
{
"title": "should maintain responsive behavior during theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 5,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30288,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 180
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m 2 × waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 11 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 178 |\u001b[39m \u001b[90m// Change theme\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 180 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 181 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 182 |\u001b[39m \n \u001b[90m 183 |\u001b[39m \u001b[90m// Check that responsive behavior is maintained\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:35.688Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-33737e6a31a33e41e920",
"file": "interaction-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should switch themes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 20,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30340,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 20
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 11 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 18 |\u001b[39m \u001b[90m// Click on light theme button\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 20 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 21 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme change\u001b[39m\n \u001b[90m 22 |\u001b[39m \n \u001b[90m 23 |\u001b[39m \u001b[90m// Check that the background has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:40.104Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-42883e8dc5df86d417d6",
"file": "interaction-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should switch color schemes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 21,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30737,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 59
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 57 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 58 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 59 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 60 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 61 |\u001b[39m \n \u001b[90m 62 |\u001b[39m \u001b[90m// Check that colors have changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:45.578Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-6bb5ad66add03b1d8c3b",
"file": "interaction-tests.spec.ts",
"line": 46,
"column": 7
},
{
"title": "should update text gradients when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 22,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30306,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 22,
"line": 100
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[90m// Click on blue color button\u001b[39m\n \u001b[90m 99 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m \n \u001b[90m 103 |\u001b[39m \u001b[90m// Check that text gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:46.780Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-677fa95e9a50c8bf9a87",
"file": "interaction-tests.spec.ts",
"line": 90,
"column": 7
},
{
"title": "should update animated overlays when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 23,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30282,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 123
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 11 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\n\n\u001b[0m \u001b[90m 121 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 123 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 124 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 125 |\u001b[39m \n \u001b[90m 126 |\u001b[39m \u001b[90m// Check that overlay gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:47.877Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-6c057f86d56c6e05c5ea",
"file": "interaction-tests.spec.ts",
"line": 113,
"column": 7
},
{
"title": "should update component card styling when theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 24,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30303,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 27,
"line": 149
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'dark' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full\">Dark Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 11 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 147 |\u001b[39m \u001b[90m// Click on dark theme\u001b[39m\n \u001b[90m 148 |\u001b[39m \u001b[36mconst\u001b[39m darkThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'dark'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 149 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 150 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 151 |\u001b[39m \n \u001b[90m 152 |\u001b[39m \u001b[90m// Check that card styling has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:47.918Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-f3b959578421e7821019",
"file": "interaction-tests.spec.ts",
"line": 136,
"column": 7
},
{
"title": "should maintain responsive behavior during theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 25,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30664,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 180
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\n\n\u001b[0m \u001b[90m 178 |\u001b[39m \u001b[90m// Change theme\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 180 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 181 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 182 |\u001b[39m \n \u001b[90m 183 |\u001b[39m \u001b[90m// Check that responsive behavior is maintained\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:11.343Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-6b8dfa3dc8c776102ad6",
"file": "interaction-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should switch themes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 40,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30127,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 20
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\n\n\u001b[0m \u001b[90m 18 |\u001b[39m \u001b[90m// Click on light theme button\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 20 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 21 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme change\u001b[39m\n \u001b[90m 22 |\u001b[39m \n \u001b[90m 23 |\u001b[39m \u001b[90m// Check that the background has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:23.317Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-062ab67862e78c9314d1",
"file": "interaction-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should switch color schemes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 41,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30131,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 59
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 57 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 58 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 59 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 60 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 61 |\u001b[39m \n \u001b[90m 62 |\u001b[39m \u001b[90m// Check that colors have changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:27.635Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-94507e07dae4acb86b50",
"file": "interaction-tests.spec.ts",
"line": 46,
"column": 7
},
{
"title": "should update text gradients when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 42,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30526,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 22,
"line": 100
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[90m// Click on blue color button\u001b[39m\n \u001b[90m 99 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m \n \u001b[90m 103 |\u001b[39m \u001b[90m// Check that text gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:30.609Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-52593e0f2990fbadc7e8",
"file": "interaction-tests.spec.ts",
"line": 90,
"column": 7
},
{
"title": "should update animated overlays when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 43,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30205,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 123
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 121 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 123 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 124 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 125 |\u001b[39m \n \u001b[90m 126 |\u001b[39m \u001b[90m// Check that overlay gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:32.243Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-98c80cd656d1a79aa06e",
"file": "interaction-tests.spec.ts",
"line": 113,
"column": 7
},
{
"title": "should update component card styling when theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 44,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30194,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 27,
"line": 149
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'dark' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full\">Dark Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 147 |\u001b[39m \u001b[90m// Click on dark theme\u001b[39m\n \u001b[90m 148 |\u001b[39m \u001b[36mconst\u001b[39m darkThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'dark'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 149 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 150 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 151 |\u001b[39m \n \u001b[90m 152 |\u001b[39m \u001b[90m// Check that card styling has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:34.055Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-0789cdf725043d9d8384",
"file": "interaction-tests.spec.ts",
"line": 136,
"column": 7
},
{
"title": "should maintain responsive behavior during theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 45,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30196,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 180
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m 2 × waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 178 |\u001b[39m \u001b[90m// Change theme\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 180 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 181 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 182 |\u001b[39m \n \u001b[90m 183 |\u001b[39m \u001b[90m// Check that responsive behavior is maintained\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:53.891Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-09d674d578f72f140429",
"file": "interaction-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should switch themes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 60,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30320,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 20
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 18 |\u001b[39m \u001b[90m// Click on light theme button\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 20 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 21 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme change\u001b[39m\n \u001b[90m 22 |\u001b[39m \n \u001b[90m 23 |\u001b[39m \u001b[90m// Check that the background has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:57.717Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-d8be213faf459f7ffe2c",
"file": "interaction-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should switch color schemes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 61,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30382,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 59
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 57 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 58 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 59 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 60 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 61 |\u001b[39m \n \u001b[90m 62 |\u001b[39m \u001b[90m// Check that colors have changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:04.952Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-eb0261ba0f11afbd5ab1",
"file": "interaction-tests.spec.ts",
"line": 46,
"column": 7
},
{
"title": "should update text gradients when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 62,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30422,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 22,
"line": 100
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[90m// Click on blue color button\u001b[39m\n \u001b[90m 99 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m \n \u001b[90m 103 |\u001b[39m \u001b[90m// Check that text gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:05.597Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-e8813ea1158b38fec3a8",
"file": "interaction-tests.spec.ts",
"line": 90,
"column": 7
},
{
"title": "should update animated overlays when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 63,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30360,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 123
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 121 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 123 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 124 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 125 |\u001b[39m \n \u001b[90m 126 |\u001b[39m \u001b[90m// Check that overlay gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:06.446Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-51e628e9aa3e481517a3",
"file": "interaction-tests.spec.ts",
"line": 113,
"column": 7
},
{
"title": "should update component card styling when theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 64,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30295,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 27,
"line": 149
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'dark' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full\">Dark Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 147 |\u001b[39m \u001b[90m// Click on dark theme\u001b[39m\n \u001b[90m 148 |\u001b[39m \u001b[36mconst\u001b[39m darkThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'dark'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 149 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 150 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 151 |\u001b[39m \n \u001b[90m 152 |\u001b[39m \u001b[90m// Check that card styling has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:08.481Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-4d78b23587dcc0d86853",
"file": "interaction-tests.spec.ts",
"line": 136,
"column": 7
},
{
"title": "should maintain responsive behavior during theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 65,
"parallelIndex": 4,
"status": "timedOut",
"duration": 31231,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 180
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m 2 × waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 178 |\u001b[39m \u001b[90m// Change theme\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 180 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 181 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 182 |\u001b[39m \n \u001b[90m 183 |\u001b[39m \u001b[90m// Check that responsive behavior is maintained\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:28.510Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-e0a3cd218940f7fafda3",
"file": "interaction-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should switch themes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 80,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30105,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 20
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 18 |\u001b[39m \u001b[90m// Click on light theme button\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 20 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 21 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme change\u001b[39m\n \u001b[90m 22 |\u001b[39m \n \u001b[90m 23 |\u001b[39m \u001b[90m// Check that the background has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:20:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:28.484Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-209f7-d-switch-themes-dynamically-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-b275b52e916d73f55227",
"file": "interaction-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should switch color schemes dynamically",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 81,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30232,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 59
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 57 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 58 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 59 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 60 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 61 |\u001b[39m \n \u001b[90m 62 |\u001b[39m \u001b[90m// Check that colors have changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:59:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:40.013Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-e77ff-h-color-schemes-dynamically-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-b153fb38ba638b80b50d",
"file": "interaction-tests.spec.ts",
"line": 46,
"column": 7
},
{
"title": "should update text gradients when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 82,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30152,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 22,
"line": 100
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[90m// Click on blue color button\u001b[39m\n \u001b[90m 99 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m \n \u001b[90m 103 |\u001b[39m \u001b[90m// Check that text gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:100:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:41.891Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-0b324-radients-when-color-changes-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-9f379f509ce66032e25c",
"file": "interaction-tests.spec.ts",
"line": 90,
"column": 7
},
{
"title": "should update animated overlays when color changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 83,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30151,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 23,
"line": 123
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'green' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-green-600 hover:bg-green-700\">Green Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 121 |\u001b[39m \u001b[90m// Click on green color button\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[36mconst\u001b[39m greenButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'green'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 123 |\u001b[39m \u001b[36mawait\u001b[39m greenButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 124 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 125 |\u001b[39m \n \u001b[90m 126 |\u001b[39m \u001b[90m// Check that overlay gradient has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:123:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:42.238Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-2266f-overlays-when-color-changes-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-fe2c9204c912590a77ab",
"file": "interaction-tests.spec.ts",
"line": 113,
"column": 7
},
{
"title": "should update component card styling when theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 84,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30229,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 27,
"line": 149
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'dark' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full\">Dark Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 147 |\u001b[39m \u001b[90m// Click on dark theme\u001b[39m\n \u001b[90m 148 |\u001b[39m \u001b[36mconst\u001b[39m darkThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'dark'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 149 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 150 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 151 |\u001b[39m \n \u001b[90m 152 |\u001b[39m \u001b[90m// Check that card styling has changed\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:149:27\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:43.682Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-db15e--styling-when-theme-changes-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-c025d6c3deedb3a15d50",
"file": "interaction-tests.spec.ts",
"line": 136,
"column": 7
},
{
"title": "should maintain responsive behavior during theme changes",
"ok": false,
"tags": [
"interaction"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 85,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30358,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts",
"column": 28,
"line": 180
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m 2 × waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\n\n\u001b[0m \u001b[90m 178 |\u001b[39m \u001b[90m// Change theme\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 180 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 181 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 182 |\u001b[39m \n \u001b[90m 183 |\u001b[39m \u001b[90m// Check that responsive behavior is maintained\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/interaction-tests.spec.ts:180:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:59.018Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/interaction-tests-Interact-3bad4-havior-during-theme-changes-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "54e57afed0299bb71338-574134d152a53a64870c",
"file": "interaction-tests.spec.ts",
"line": 164,
"column": 7
}
]
}
]
},
{
"title": "mock-server.spec.ts",
"file": "mock-server.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Mock Server Tests",
"file": "mock-server.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should verify test setup is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 6,
"parallelIndex": 1,
"status": "passed",
"duration": 3665,
"errors": [],
"stdout": [
{
"text": "✅ Mock server test passed - Playwright setup is working correctly\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:35.704Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "cfe873273a61dcf750bc-39df7c86118f166edf33",
"file": "mock-server.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify test setup is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 26,
"parallelIndex": 1,
"status": "passed",
"duration": 2299,
"errors": [],
"stdout": [
{
"text": "✅ Mock server test passed - Playwright setup is working correctly\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:19.221Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "cfe873273a61dcf750bc-6141a388975625cf13d1",
"file": "mock-server.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify test setup is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 46,
"parallelIndex": 0,
"status": "passed",
"duration": 1094,
"errors": [],
"stdout": [
{
"text": "✅ Mock server test passed - Playwright setup is working correctly\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:58.334Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "cfe873273a61dcf750bc-99d5f7da11162c3c059d",
"file": "mock-server.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify test setup is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 66,
"parallelIndex": 3,
"status": "passed",
"duration": 1961,
"errors": [],
"stdout": [
{
"text": "✅ Mock server test passed - Playwright setup is working correctly\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:36.163Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "cfe873273a61dcf750bc-94c7fc066dbe802824b5",
"file": "mock-server.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should verify test setup is working",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 86,
"parallelIndex": 3,
"status": "passed",
"duration": 1691,
"errors": [],
"stdout": [
{
"text": "✅ Mock server test passed - Playwright setup is working correctly\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:11.372Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "cfe873273a61dcf750bc-651eb6741bfe51ee0ad9",
"file": "mock-server.spec.ts",
"line": 4,
"column": 7
}
]
}
]
},
{
"title": "performance-tests.spec.ts",
"file": "performance-tests.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Performance Tests @performance",
"file": "performance-tests.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should load the page quickly",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 7,
"parallelIndex": 2,
"status": "passed",
"duration": 3529,
"errors": [],
"stdout": [
{
"text": "Page load time: 1747ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:35.707Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-b4db5fa2d66612ab25d6",
"file": "performance-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should have good Core Web Vitals",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 8,
"parallelIndex": 3,
"status": "passed",
"duration": 6246,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:35.725Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-be9196ccc919f2cd703e",
"file": "performance-tests.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should handle theme changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 7,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30407,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 88
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 86 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m themeButtons) {\n \u001b[90m 87 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 88 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 89 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme to apply\u001b[39m\n \u001b[90m 90 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 91 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:39.595Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-f43b1f2d77bf518cbe45",
"file": "performance-tests.spec.ts",
"line": 76,
"column": 7
},
{
"title": "should handle color changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 6,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30474,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 119
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 117 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m colorButtons) {\n \u001b[90m 118 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 119 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 120 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for color to apply\u001b[39m\n \u001b[90m 121 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:39.728Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-99d09e71f6044752e06a",
"file": "performance-tests.spec.ts",
"line": 107,
"column": 7
},
{
"title": "should handle responsive changes efficiently",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 9,
"parallelIndex": 0,
"status": "passed",
"duration": 1784,
"errors": [],
"stdout": [
{
"text": "desktop viewport change: 210.22ms\n"
},
{
"text": "tablet viewport change: 207.53ms\n"
},
{
"text": "mobile viewport change: 208.88ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:43.256Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-5e592b4cf67d39f8b0b3",
"file": "performance-tests.spec.ts",
"line": 138,
"column": 7
},
{
"title": "should have efficient WASM loading",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 8,
"parallelIndex": 3,
"status": "passed",
"duration": 1224,
"errors": [],
"stdout": [
{
"text": "WASM load time: 52ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:42.261Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-e6bc04411013e1628011",
"file": "performance-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should handle multiple rapid interactions efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 8,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30532,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 210
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 208 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m colorButtons[i \u001b[33m%\u001b[39m colorButtons\u001b[33m.\u001b[39mlength]\u001b[33m;\u001b[39m\n \u001b[90m 209 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 210 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 211 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 212 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Small delay between interactions\u001b[39m\n \u001b[90m 213 |\u001b[39m }\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:43.512Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-67e876bc3edb0fe9c907",
"file": "performance-tests.spec.ts",
"line": 189,
"column": 7
},
{
"title": "should maintain performance during long sessions",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 9,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30334,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 233
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 231 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 232 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 233 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 234 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 235 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 236 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:32:45.361Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-d2156ef11ea686784f14",
"file": "performance-tests.spec.ts",
"line": 224,
"column": 7
},
{
"title": "should have efficient memory usage",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 10,
"parallelIndex": 4,
"status": "passed",
"duration": 1545,
"errors": [],
"stdout": [
{
"text": "Memory usage: 9.54MB\n"
},
{
"text": "Memory usage percentage: 0.27%\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:08.077Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-2086324d453e78be9cdd",
"file": "performance-tests.spec.ts",
"line": 256,
"column": 7
},
{
"title": "should load the page quickly",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 27,
"parallelIndex": 3,
"status": "passed",
"duration": 4698,
"errors": [],
"stdout": [
{
"text": "Page load time: 1180ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:19.603Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-0530be49a64ff2e593f9",
"file": "performance-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should have good Core Web Vitals",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 28,
"parallelIndex": 4,
"status": "passed",
"duration": 8635,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:20.314Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-ad0b33d8f246aa340269",
"file": "performance-tests.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should handle theme changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 29,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30181,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 88
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 86 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m themeButtons) {\n \u001b[90m 87 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 88 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 89 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme to apply\u001b[39m\n \u001b[90m 90 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 91 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:22.212Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-0cb38c0b4404d1eb879b",
"file": "performance-tests.spec.ts",
"line": 76,
"column": 7
},
{
"title": "should handle color changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 26,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30165,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 119
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\n\n\u001b[0m \u001b[90m 117 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m colorButtons) {\n \u001b[90m 118 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 119 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 120 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for color to apply\u001b[39m\n \u001b[90m 121 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:22.299Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-3a61127025de00402c19",
"file": "performance-tests.spec.ts",
"line": 107,
"column": 7
},
{
"title": "should handle responsive changes efficiently",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 27,
"parallelIndex": 3,
"status": "passed",
"duration": 3153,
"errors": [],
"stdout": [
{
"text": "desktop viewport change: 238.59ms\n"
},
{
"text": "tablet viewport change: 242.35ms\n"
},
{
"text": "mobile viewport change: 251.51ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:25.323Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-9058086e2307f231983c",
"file": "performance-tests.spec.ts",
"line": 138,
"column": 7
},
{
"title": "should have efficient WASM loading",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 27,
"parallelIndex": 3,
"status": "passed",
"duration": 2105,
"errors": [],
"stdout": [
{
"text": "WASM load time: 191ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:28.500Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-9e1aab380815e56ef904",
"file": "performance-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should handle multiple rapid interactions efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 28,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30304,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 210
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 208 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m colorButtons[i \u001b[33m%\u001b[39m colorButtons\u001b[33m.\u001b[39mlength]\u001b[33m;\u001b[39m\n \u001b[90m 209 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 210 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 211 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 212 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Small delay between interactions\u001b[39m\n \u001b[90m 213 |\u001b[39m }\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:29.972Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-9455ec0980c5c5dd7ea2",
"file": "performance-tests.spec.ts",
"line": 189,
"column": 7
},
{
"title": "should maintain performance during long sessions",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 27,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30479,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 233
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 231 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 232 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 233 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 234 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 235 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 236 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:30.620Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-34f59b3ac06e512be62b",
"file": "performance-tests.spec.ts",
"line": 224,
"column": 7
},
{
"title": "should have efficient memory usage",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 30,
"parallelIndex": 2,
"status": "passed",
"duration": 1932,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:44.591Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-e701a9b539d87a674ca8",
"file": "performance-tests.spec.ts",
"line": 256,
"column": 7
},
{
"title": "should load the page quickly",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 46,
"parallelIndex": 0,
"status": "passed",
"duration": 2031,
"errors": [],
"stdout": [
{
"text": "Page load time: 529ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:59.636Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-eb4d9badd603ae2a9c12",
"file": "performance-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should have good Core Web Vitals",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 47,
"parallelIndex": 1,
"status": "passed",
"duration": 4673,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:02.026Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-ff006cd3af4dc860d25b",
"file": "performance-tests.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should handle theme changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 46,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30152,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 88
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 86 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m themeButtons) {\n \u001b[90m 87 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 88 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 89 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme to apply\u001b[39m\n \u001b[90m 90 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 91 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:01.679Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-e14a440a5b494c2f2034",
"file": "performance-tests.spec.ts",
"line": 76,
"column": 7
},
{
"title": "should handle color changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 48,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30172,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 119
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 117 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m colorButtons) {\n \u001b[90m 118 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 119 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 120 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for color to apply\u001b[39m\n \u001b[90m 121 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:03.309Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-c208cdc1d75e4714d474",
"file": "performance-tests.spec.ts",
"line": 107,
"column": 7
},
{
"title": "should handle responsive changes efficiently",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 49,
"parallelIndex": 4,
"status": "passed",
"duration": 1698,
"errors": [],
"stdout": [
{
"text": "desktop viewport change: 217.76ms\n"
},
{
"text": "tablet viewport change: 209.52ms\n"
},
{
"text": "mobile viewport change: 206.09ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:04.872Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-2096a1a5c85bffa7de2b",
"file": "performance-tests.spec.ts",
"line": 138,
"column": 7
},
{
"title": "should have efficient WASM loading",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 49,
"parallelIndex": 4,
"status": "passed",
"duration": 1345,
"errors": [],
"stdout": [
{
"text": "WASM load time: 201ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:06.778Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-a42c32d8faa9878307a5",
"file": "performance-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should handle multiple rapid interactions efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 47,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30155,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 210
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 208 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m colorButtons[i \u001b[33m%\u001b[39m colorButtons\u001b[33m.\u001b[39mlength]\u001b[33m;\u001b[39m\n \u001b[90m 209 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 210 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 211 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 212 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Small delay between interactions\u001b[39m\n \u001b[90m 213 |\u001b[39m }\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:06.947Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-0e18f129af9ee8fdb9bb",
"file": "performance-tests.spec.ts",
"line": 189,
"column": 7
},
{
"title": "should maintain performance during long sessions",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 49,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30173,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 233
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 231 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 232 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 233 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 234 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 235 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 236 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:08.140Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-8b923d51e3a2866a7b58",
"file": "performance-tests.spec.ts",
"line": 224,
"column": 7
},
{
"title": "should have efficient memory usage",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 50,
"parallelIndex": 3,
"status": "passed",
"duration": 1166,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:24.701Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-2c8fd153e94fd1825dbd",
"file": "performance-tests.spec.ts",
"line": 256,
"column": 7
},
{
"title": "should load the page quickly",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 67,
"parallelIndex": 2,
"status": "passed",
"duration": 1160,
"errors": [],
"stdout": [
{
"text": "Page load time: 147ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:36.679Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-dbe7f33c60be7395b87f",
"file": "performance-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should have good Core Web Vitals",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 68,
"parallelIndex": 0,
"status": "passed",
"duration": 4301,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:37.458Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-af380cb0b743861a8c2d",
"file": "performance-tests.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should handle theme changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 67,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30426,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 88
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 86 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m themeButtons) {\n \u001b[90m 87 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 88 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 89 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme to apply\u001b[39m\n \u001b[90m 90 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 91 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:37.985Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-3294d3d7bd91f1306182",
"file": "performance-tests.spec.ts",
"line": 76,
"column": 7
},
{
"title": "should handle color changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 66,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30256,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 119
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 117 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m colorButtons) {\n \u001b[90m 118 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 119 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 120 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for color to apply\u001b[39m\n \u001b[90m 121 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:38.287Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-cfe35c9ff332fa8b698d",
"file": "performance-tests.spec.ts",
"line": 107,
"column": 7
},
{
"title": "should handle responsive changes efficiently",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 69,
"parallelIndex": 1,
"status": "passed",
"duration": 1614,
"errors": [],
"stdout": [
{
"text": "desktop viewport change: 212.34ms\n"
},
{
"text": "tablet viewport change: 210.59ms\n"
},
{
"text": "mobile viewport change: 204.32ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:39.327Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-76f9d4f0c797f8800b11",
"file": "performance-tests.spec.ts",
"line": 138,
"column": 7
},
{
"title": "should have efficient WASM loading",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 69,
"parallelIndex": 1,
"status": "passed",
"duration": 1093,
"errors": [],
"stdout": [
{
"text": "WASM load time: 42ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:41.066Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-61aa71f42224c8176fc2",
"file": "performance-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should handle multiple rapid interactions efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 68,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30304,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 210
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 208 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m colorButtons[i \u001b[33m%\u001b[39m colorButtons\u001b[33m.\u001b[39mlength]\u001b[33m;\u001b[39m\n \u001b[90m 209 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 210 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 211 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 212 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Small delay between interactions\u001b[39m\n \u001b[90m 213 |\u001b[39m }\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:41.925Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-94cbac6d90a4e09b49b7",
"file": "performance-tests.spec.ts",
"line": 189,
"column": 7
},
{
"title": "should maintain performance during long sessions",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 69,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30326,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 233
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 231 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 232 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 233 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 234 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 235 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 236 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:37:42.168Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-1a16af2ca2536bdddce6",
"file": "performance-tests.spec.ts",
"line": 224,
"column": 7
},
{
"title": "should have efficient memory usage",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 70,
"parallelIndex": 4,
"status": "passed",
"duration": 1133,
"errors": [],
"stdout": [
{
"text": "Memory usage: 9.54MB\n"
},
{
"text": "Memory usage percentage: 0.27%\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:00.254Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-ac901ccc139858771e2c",
"file": "performance-tests.spec.ts",
"line": 256,
"column": 7
},
{
"title": "should load the page quickly",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 87,
"parallelIndex": 4,
"status": "passed",
"duration": 1728,
"errors": [],
"stdout": [
{
"text": "Page load time: 457ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:12.781Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-1fe6756a26147cb781a8",
"file": "performance-tests.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should have good Core Web Vitals",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 88,
"parallelIndex": 2,
"status": "passed",
"duration": 4868,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:13.510Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-b259d4fd3023280baa38",
"file": "performance-tests.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should handle theme changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 86,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30144,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 88
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 86 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m themeButtons) {\n \u001b[90m 87 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 88 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 89 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for theme to apply\u001b[39m\n \u001b[90m 90 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 91 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:88:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:13.251Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-66ca2-e-theme-changes-efficiently-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-dc870d6090ce8574da96",
"file": "performance-tests.spec.ts",
"line": 76,
"column": 7
},
{
"title": "should handle color changes efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 89,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30134,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 20,
"line": 119
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 117 |\u001b[39m \u001b[36mfor\u001b[39m (\u001b[36mconst\u001b[39m button \u001b[36mof\u001b[39m colorButtons) {\n \u001b[90m 118 |\u001b[39m \u001b[36mconst\u001b[39m startTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 119 |\u001b[39m \u001b[36mawait\u001b[39m button\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 120 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Wait for color to apply\u001b[39m\n \u001b[90m 121 |\u001b[39m \u001b[36mconst\u001b[39m endTime \u001b[33m=\u001b[39m performance\u001b[33m.\u001b[39mnow()\u001b[33m;\u001b[39m\n \u001b[90m 122 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:119:20\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:14.997Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-93cb6-e-color-changes-efficiently-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-d91b60267bc43af8de96",
"file": "performance-tests.spec.ts",
"line": 107,
"column": 7
},
{
"title": "should handle responsive changes efficiently",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 87,
"parallelIndex": 4,
"status": "passed",
"duration": 1669,
"errors": [],
"stdout": [
{
"text": "desktop viewport change: 220.25ms\n"
},
{
"text": "tablet viewport change: 216.57ms\n"
},
{
"text": "mobile viewport change: 250.18ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:14.721Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-3f8963c1085d72a3950f",
"file": "performance-tests.spec.ts",
"line": 138,
"column": 7
},
{
"title": "should have efficient WASM loading",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 87,
"parallelIndex": 4,
"status": "passed",
"duration": 1157,
"errors": [],
"stdout": [
{
"text": "WASM load time: 191ms\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:16.401Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-03defc534371c7a45963",
"file": "performance-tests.spec.ts",
"line": 164,
"column": 7
},
{
"title": "should handle multiple rapid interactions efficiently",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 87,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30157,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 210
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 208 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m colorButtons[i \u001b[33m%\u001b[39m colorButtons\u001b[33m.\u001b[39mlength]\u001b[33m;\u001b[39m\n \u001b[90m 209 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 210 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 211 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 212 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m \u001b[90m// Small delay between interactions\u001b[39m\n \u001b[90m 213 |\u001b[39m }\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:210:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:17.567Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-d45f9-id-interactions-efficiently-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-5445704a0570a76c1909",
"file": "performance-tests.spec.ts",
"line": 189,
"column": 7
},
{
"title": "should maintain performance during long sessions",
"ok": false,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 88,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30174,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts",
"column": 25,
"line": 233
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'default' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full\">Default Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 231 |\u001b[39m \u001b[36mconst\u001b[39m colorButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 232 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 233 |\u001b[39m \u001b[36mawait\u001b[39m themeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 234 |\u001b[39m \u001b[36mawait\u001b[39m colorButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 235 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 236 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/performance-tests.spec.ts:233:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:18.746Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/performance-tests-Performa-5ab3a-rmance-during-long-sessions-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "ec169bc82c43fdfd90f0-c4b2c612a6f21d80c96b",
"file": "performance-tests.spec.ts",
"line": 224,
"column": 7
},
{
"title": "should have efficient memory usage",
"ok": true,
"tags": [
"performance"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 90,
"parallelIndex": 1,
"status": "passed",
"duration": 1072,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:29.976Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "ec169bc82c43fdfd90f0-a5b23bacfc7a76f683c8",
"file": "performance-tests.spec.ts",
"line": 256,
"column": 7
}
]
}
]
},
{
"title": "server-startup.spec.ts",
"file": "server-startup.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Server Startup Tests",
"file": "server-startup.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should be able to start trunk serve without errors",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 10,
"parallelIndex": 4,
"status": "passed",
"duration": 998,
"errors": [],
"stdout": [
{
"text": "✅ Server is running and accessible\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:09.828Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-fe6081ea8ee9c0b693d4",
"file": "server-startup.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should serve the main page with correct content",
"ok": false,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 11,
"parallelIndex": 2,
"status": "failed",
"duration": 1148,
"error": {
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n",
"stack": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"snippet": "\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n\n\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:12.085Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-chromium/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
}
}
],
"status": "unexpected"
}
],
"id": "e4d9213ff262f2c7d464-60ac8c0366bcffa3a9d5",
"file": "server-startup.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should have working theme controls",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 12,
"parallelIndex": 1,
"status": "passed",
"duration": 1321,
"errors": [],
"stdout": [
{
"text": "✅ Theme controls are present and functional\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:12.515Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-738de16ae1376938e9af",
"file": "server-startup.spec.ts",
"line": 43,
"column": 7
},
{
"title": "should be able to start trunk serve without errors",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 30,
"parallelIndex": 2,
"status": "passed",
"duration": 935,
"errors": [],
"stdout": [
{
"text": "✅ Server is running and accessible\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:47.240Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-9eaf2d7f1d5265834f63",
"file": "server-startup.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should serve the main page with correct content",
"ok": false,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 30,
"parallelIndex": 2,
"status": "failed",
"duration": 1045,
"error": {
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n",
"stack": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"snippet": "\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n\n\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:48.189Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-firefox/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
}
}
],
"status": "unexpected"
}
],
"id": "e4d9213ff262f2c7d464-bb72cdec02019c89e8cf",
"file": "server-startup.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should have working theme controls",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 31,
"parallelIndex": 2,
"status": "passed",
"duration": 1665,
"errors": [],
"stdout": [
{
"text": "✅ Theme controls are present and functional\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:50.169Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-309cde17c83befffddb6",
"file": "server-startup.spec.ts",
"line": 43,
"column": 7
},
{
"title": "should be able to start trunk serve without errors",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 50,
"parallelIndex": 3,
"status": "passed",
"duration": 897,
"errors": [],
"stdout": [
{
"text": "✅ Server is running and accessible\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:26.049Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-936bb59007249206a8ec",
"file": "server-startup.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should serve the main page with correct content",
"ok": false,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 50,
"parallelIndex": 3,
"status": "failed",
"duration": 923,
"error": {
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n",
"stack": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"snippet": "\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n\n\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:26.954Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-webkit/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
}
}
],
"status": "unexpected"
}
],
"id": "e4d9213ff262f2c7d464-c712bdee895a60c80514",
"file": "server-startup.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should have working theme controls",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 51,
"parallelIndex": 3,
"status": "passed",
"duration": 1055,
"errors": [],
"stdout": [
{
"text": "✅ Theme controls are present and functional\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:28.318Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-29fbd5e7af22ee5aaf2f",
"file": "server-startup.spec.ts",
"line": 43,
"column": 7
},
{
"title": "should be able to start trunk serve without errors",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 70,
"parallelIndex": 4,
"status": "passed",
"duration": 874,
"errors": [],
"stdout": [
{
"text": "✅ Server is running and accessible\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:01.785Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-9d4984f5126ec459f211",
"file": "server-startup.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should serve the main page with correct content",
"ok": false,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 70,
"parallelIndex": 4,
"status": "failed",
"duration": 943,
"error": {
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n",
"stack": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"snippet": "\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n\n\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:02.666Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Chrome/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
}
}
],
"status": "unexpected"
}
],
"id": "e4d9213ff262f2c7d464-1db8a064025c51f2c5d4",
"file": "server-startup.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should have working theme controls",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 71,
"parallelIndex": 4,
"status": "passed",
"duration": 900,
"errors": [],
"stdout": [
{
"text": "✅ Theme controls are present and functional\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:04.101Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-0dc01d23aa5e3f055e03",
"file": "server-startup.spec.ts",
"line": 43,
"column": 7
},
{
"title": "should be able to start trunk serve without errors",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 90,
"parallelIndex": 1,
"status": "passed",
"duration": 987,
"errors": [],
"stdout": [
{
"text": "✅ Server is running and accessible\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:31.230Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-81695837a967286295e1",
"file": "server-startup.spec.ts",
"line": 4,
"column": 7
},
{
"title": "should serve the main page with correct content",
"ok": false,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 90,
"parallelIndex": 1,
"status": "failed",
"duration": 1203,
"error": {
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n",
"stack": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"snippet": "\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
},
"message": "Error: expect.toBeVisible: Error: strict mode violation: locator('h2') resolved to 5 elements:\n 1) <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-gray-800 dark:text-gray-200\">Component Showcase</h2> aka getByRole('heading', { name: 'Component Showcase', exact: true })\n 2) <h2 class=\"text-4xl md:text-5xl font-black mb-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-transparent bg-clip-text\">🎛️ Dynamic Theme Controls</h2> aka getByRole('heading', { name: '🎛️ Dynamic Theme Controls' })\n 3) <h2 class=\"text-4xl md:text-6xl font-black mb-6 bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 text-transparent bg-clip-text\">🧩 Component Showcase</h2> aka getByRole('heading', { name: '🧩 Component Showcase' })\n 4) <h2 class=\"text-3xl font-bold mb-8 text-center\">🎮 Interactive Component Demo</h2> aka getByRole('heading', { name: '🎮 Interactive Component Demo' })\n 5) <h2 class=\"text-3xl font-bold mb-8 text-center\">⚡ Performance Metrics</h2> aka getByRole('heading', { name: '⚡ Performance Metrics' })\n\nCall log:\n\u001b[2m - Expect \"toBeVisible\" with timeout 5000ms\u001b[22m\n\u001b[2m - waiting for locator('h2')\u001b[22m\n\n\n\u001b[0m \u001b[90m 36 |\u001b[39m \u001b[90m// Check for the subtitle\u001b[39m\n \u001b[90m 37 |\u001b[39m \u001b[36mconst\u001b[39m subtitle \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'h2'\u001b[39m)\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 38 |\u001b[39m \u001b[36mawait\u001b[39m expect(subtitle)\u001b[33m.\u001b[39mtoBeVisible()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 39 |\u001b[39m \n \u001b[90m 40 |\u001b[39m console\u001b[33m.\u001b[39mlog(\u001b[32m'✅ Main page content is served correctly'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 41 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts:38:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:32.266Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/server-startup-Server-Star-d4f9f-n-page-with-correct-content-Mobile-Safari/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/server-startup.spec.ts",
"column": 28,
"line": 38
}
}
],
"status": "unexpected"
}
],
"id": "e4d9213ff262f2c7d464-21af6f2e3d3ebf38a74f",
"file": "server-startup.spec.ts",
"line": 25,
"column": 7
},
{
"title": "should have working theme controls",
"ok": true,
"tags": [],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 91,
"parallelIndex": 1,
"status": "passed",
"duration": 1559,
"errors": [],
"stdout": [
{
"text": "✅ Theme controls are present and functional\n"
}
],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:33.939Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "e4d9213ff262f2c7d464-9ffeab48ecc4b48e37bd",
"file": "server-startup.spec.ts",
"line": 43,
"column": 7
}
]
}
]
},
{
"title": "tailwind-rs-core.spec.ts",
"file": "tailwind-rs-core.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Tailwind-RS-Core Integration Tests @tailwind-rs-core",
"file": "tailwind-rs-core.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should generate dynamic classes using TailwindClasses API",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 10,
"parallelIndex": 4,
"status": "failed",
"duration": 861,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"snippet": "\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n\n\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:10.860Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-chromium/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-f8b0de027e75621fc5b1",
"file": "tailwind-rs-core.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should apply responsive classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 13,
"parallelIndex": 4,
"status": "failed",
"duration": 1820,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"snippet": "\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:13.444Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-chromium/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-ce6386edf1cc22ae5dad",
"file": "tailwind-rs-core.spec.ts",
"line": 34,
"column": 7
},
{
"title": "should merge custom classes with base classes",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 14,
"parallelIndex": 2,
"status": "failed",
"duration": 1125,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"snippet": "\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:15.171Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-chromium/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-2ac829a34e2a9bac0ba1",
"file": "tailwind-rs-core.spec.ts",
"line": 83,
"column": 7
},
{
"title": "should apply state classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 12,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30653,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 23,
"line": 114
},
"message": "Error: locator.hover: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').first()\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md px-8 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-bold py-4 px-8 rounded-xl shadow-…>🎯 Try Components</button>\u001b[22m\n\u001b[2m - attempting hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying hover action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\n\n\u001b[0m \u001b[90m 112 |\u001b[39m \n \u001b[90m 113 |\u001b[39m \u001b[90m// Test hover state\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 114 |\u001b[39m \u001b[36mawait\u001b[39m firstButton\u001b[33m.\u001b[39mhover()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 115 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check that hover styles are applied\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:14.112Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-ff8e4c2407061132b4b2",
"file": "tailwind-rs-core.spec.ts",
"line": 103,
"column": 7
},
{
"title": "should generate color-specific classes dynamically",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 15,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30179,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 22,
"line": 137
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 135 |\u001b[39m \u001b[90m// Click on blue color\u001b[39m\n \u001b[90m 136 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 137 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 138 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 139 |\u001b[39m \n \u001b[90m 140 |\u001b[39m \u001b[36mconst\u001b[39m blueClasses \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m heroSection\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m el\u001b[33m.\u001b[39mclassName)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:15.144Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-33869693feedb6c7df35",
"file": "tailwind-rs-core.spec.ts",
"line": 130,
"column": 7
},
{
"title": "should apply theme-specific classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 16,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30204,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 178
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 176 |\u001b[39m \u001b[90m// Click on light theme\u001b[39m\n \u001b[90m 177 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 178 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 180 |\u001b[39m \n \u001b[90m 181 |\u001b[39m \u001b[36mconst\u001b[39m lightBackground \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m body\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:16.722Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-784d4512baa45803cfb2",
"file": "tailwind-rs-core.spec.ts",
"line": 168,
"column": 7
},
{
"title": "should validate class generation performance",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 17,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30184,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 214
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 212 |\u001b[39m \u001b[36mconst\u001b[39m defaultThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'default'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 213 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 214 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 215 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 216 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 217 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:16.861Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-chromium/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-c899c53af58565a136a4",
"file": "tailwind-rs-core.spec.ts",
"line": 205,
"column": 7
},
{
"title": "should handle class conflicts gracefully",
"ok": true,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 18,
"parallelIndex": 2,
"status": "passed",
"duration": 941,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:17.997Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "79a36bc0ad105e778e8a-f4eabcfcda62d677fbbe",
"file": "tailwind-rs-core.spec.ts",
"line": 228,
"column": 7
},
{
"title": "should generate dynamic classes using TailwindClasses API",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 31,
"parallelIndex": 2,
"status": "failed",
"duration": 977,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"snippet": "\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n\n\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:52.444Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-firefox/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-6d0db6fe1fc0afd455b0",
"file": "tailwind-rs-core.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should apply responsive classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 32,
"parallelIndex": 1,
"status": "failed",
"duration": 3415,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"snippet": "\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:53.370Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-firefox/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-9af8fda58625d84500f6",
"file": "tailwind-rs-core.spec.ts",
"line": 34,
"column": 7
},
{
"title": "should merge custom classes with base classes",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 33,
"parallelIndex": 2,
"status": "failed",
"duration": 2739,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"snippet": "\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:54.499Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-firefox/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-0646a0552f9ac2c852e5",
"file": "tailwind-rs-core.spec.ts",
"line": 83,
"column": 7
},
{
"title": "should apply state classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 34,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30298,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 23,
"line": 114
},
"message": "Error: locator.hover: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').first()\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md px-8 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-bold py-4 px-8 rounded-xl shadow-…>🎯 Try Components</button>\u001b[22m\n\u001b[2m - attempting hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying hover action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 112 |\u001b[39m \n \u001b[90m 113 |\u001b[39m \u001b[90m// Test hover state\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 114 |\u001b[39m \u001b[36mawait\u001b[39m firstButton\u001b[33m.\u001b[39mhover()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 115 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check that hover styles are applied\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:54.721Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-d69a448414ff14d8701e",
"file": "tailwind-rs-core.spec.ts",
"line": 103,
"column": 7
},
{
"title": "should generate color-specific classes dynamically",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 35,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30173,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 22,
"line": 137
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 135 |\u001b[39m \u001b[90m// Click on blue color\u001b[39m\n \u001b[90m 136 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 137 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 138 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 139 |\u001b[39m \n \u001b[90m 140 |\u001b[39m \u001b[36mconst\u001b[39m blueClasses \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m heroSection\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m el\u001b[33m.\u001b[39mclassName)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:58.837Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-773d6ae4f93568a20549",
"file": "tailwind-rs-core.spec.ts",
"line": 130,
"column": 7
},
{
"title": "should apply theme-specific classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 36,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30509,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 178
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\n\n\u001b[0m \u001b[90m 176 |\u001b[39m \u001b[90m// Click on light theme\u001b[39m\n \u001b[90m 177 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 178 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 180 |\u001b[39m \n \u001b[90m 181 |\u001b[39m \u001b[36mconst\u001b[39m lightBackground \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m body\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:34:59.756Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-3a1e02e44ef5da525a59",
"file": "tailwind-rs-core.spec.ts",
"line": 168,
"column": 7
},
{
"title": "should validate class generation performance",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 37,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30279,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 214
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 12 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 212 |\u001b[39m \u001b[36mconst\u001b[39m defaultThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'default'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 213 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 214 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 215 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 216 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 217 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:01.895Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-firefox/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-247c2b29fa17c507ad1d",
"file": "tailwind-rs-core.spec.ts",
"line": 205,
"column": 7
},
{
"title": "should handle class conflicts gracefully",
"ok": true,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 38,
"parallelIndex": 3,
"status": "passed",
"duration": 2389,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:02.314Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "79a36bc0ad105e778e8a-52cdf49dab7808b6ba74",
"file": "tailwind-rs-core.spec.ts",
"line": 228,
"column": 7
},
{
"title": "should generate dynamic classes using TailwindClasses API",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 51,
"parallelIndex": 3,
"status": "failed",
"duration": 932,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"snippet": "\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n\n\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:29.555Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-webkit/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-e7ef81046b324a9a0a85",
"file": "tailwind-rs-core.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should apply responsive classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 52,
"parallelIndex": 3,
"status": "failed",
"duration": 1890,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"snippet": "\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:30.913Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-webkit/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-adec2b60989d30455fc3",
"file": "tailwind-rs-core.spec.ts",
"line": 34,
"column": 7
},
{
"title": "should merge custom classes with base classes",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 53,
"parallelIndex": 0,
"status": "failed",
"duration": 1304,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"snippet": "\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:32.756Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-webkit/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-581e4fbedfe116cc6a3e",
"file": "tailwind-rs-core.spec.ts",
"line": 83,
"column": 7
},
{
"title": "should apply state classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 54,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30223,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 23,
"line": 114
},
"message": "Error: locator.hover: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').first()\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md px-8 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-bold py-4 px-8 rounded-xl shadow-…>🎯 Try Components</button>\u001b[22m\n\u001b[2m - attempting hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying hover action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 112 |\u001b[39m \n \u001b[90m 113 |\u001b[39m \u001b[90m// Test hover state\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 114 |\u001b[39m \u001b[36mawait\u001b[39m firstButton\u001b[33m.\u001b[39mhover()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 115 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check that hover styles are applied\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:33.872Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-404c1c01d4c3b79e9935",
"file": "tailwind-rs-core.spec.ts",
"line": 103,
"column": 7
},
{
"title": "should generate color-specific classes dynamically",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 55,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30144,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 22,
"line": 137
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 135 |\u001b[39m \u001b[90m// Click on blue color\u001b[39m\n \u001b[90m 136 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 137 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 138 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 139 |\u001b[39m \n \u001b[90m 140 |\u001b[39m \u001b[36mconst\u001b[39m blueClasses \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m heroSection\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m el\u001b[33m.\u001b[39mclassName)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:34.409Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-2ad976289a74c426d3f6",
"file": "tailwind-rs-core.spec.ts",
"line": 130,
"column": 7
},
{
"title": "should apply theme-specific classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 56,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30193,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 178
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 176 |\u001b[39m \u001b[90m// Click on light theme\u001b[39m\n \u001b[90m 177 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 178 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 180 |\u001b[39m \n \u001b[90m 181 |\u001b[39m \u001b[36mconst\u001b[39m lightBackground \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m body\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:35.412Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-a228ee3a304eec78c704",
"file": "tailwind-rs-core.spec.ts",
"line": 168,
"column": 7
},
{
"title": "should validate class generation performance",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 57,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30148,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 214
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 212 |\u001b[39m \u001b[36mconst\u001b[39m defaultThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'default'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 213 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 214 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 215 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 216 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 217 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:37.632Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-webkit/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-416d49cc369f4cbb0a5f",
"file": "tailwind-rs-core.spec.ts",
"line": 205,
"column": 7
},
{
"title": "should handle class conflicts gracefully",
"ok": true,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 58,
"parallelIndex": 4,
"status": "passed",
"duration": 1218,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:38.999Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "79a36bc0ad105e778e8a-1e2e10e87e414679e248",
"file": "tailwind-rs-core.spec.ts",
"line": 228,
"column": 7
},
{
"title": "should generate dynamic classes using TailwindClasses API",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 71,
"parallelIndex": 4,
"status": "failed",
"duration": 960,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"snippet": "\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n\n\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:05.103Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Chrome/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-8e8c1757effaa486f566",
"file": "tailwind-rs-core.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should apply responsive classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 72,
"parallelIndex": 4,
"status": "failed",
"duration": 2416,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"snippet": "\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:06.497Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Chrome/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-edd4aced8b73a5ff671d",
"file": "tailwind-rs-core.spec.ts",
"line": 34,
"column": 7
},
{
"title": "should merge custom classes with base classes",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 73,
"parallelIndex": 2,
"status": "failed",
"duration": 1705,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"snippet": "\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:08.901Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Chrome/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-1fafcebeca927dc5d244",
"file": "tailwind-rs-core.spec.ts",
"line": 83,
"column": 7
},
{
"title": "should apply state classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 74,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30330,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 23,
"line": 114
},
"message": "Error: locator.hover: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').first()\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md px-8 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-bold py-4 px-8 rounded-xl shadow-…>🎯 Try Components</button>\u001b[22m\n\u001b[2m - attempting hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying hover action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 112 |\u001b[39m \n \u001b[90m 113 |\u001b[39m \u001b[90m// Test hover state\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 114 |\u001b[39m \u001b[36mawait\u001b[39m firstButton\u001b[33m.\u001b[39mhover()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 115 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check that hover styles are applied\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:09.015Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-d9532775bef69f909385",
"file": "tailwind-rs-core.spec.ts",
"line": 103,
"column": 7
},
{
"title": "should generate color-specific classes dynamically",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 75,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30745,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 22,
"line": 137
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 135 |\u001b[39m \u001b[90m// Click on blue color\u001b[39m\n \u001b[90m 136 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 137 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 138 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 139 |\u001b[39m \n \u001b[90m 140 |\u001b[39m \u001b[36mconst\u001b[39m blueClasses \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m heroSection\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m el\u001b[33m.\u001b[39mclassName)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:09.661Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-3576fcb1ade979a68a4c",
"file": "tailwind-rs-core.spec.ts",
"line": 130,
"column": 7
},
{
"title": "should apply theme-specific classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 76,
"parallelIndex": 2,
"status": "timedOut",
"duration": 30351,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 178
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 176 |\u001b[39m \u001b[90m// Click on light theme\u001b[39m\n \u001b[90m 177 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 178 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 180 |\u001b[39m \n \u001b[90m 181 |\u001b[39m \u001b[36mconst\u001b[39m lightBackground \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m body\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:11.347Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-ebf4698cc625b9f85104",
"file": "tailwind-rs-core.spec.ts",
"line": 168,
"column": 7
},
{
"title": "should validate class generation performance",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 77,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30412,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 214
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 212 |\u001b[39m \u001b[36mconst\u001b[39m defaultThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'default'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 213 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 214 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 215 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 216 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 217 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:12.722Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Chrome/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-dcb99abf1fd6a1ee6576",
"file": "tailwind-rs-core.spec.ts",
"line": 205,
"column": 7
},
{
"title": "should handle class conflicts gracefully",
"ok": true,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 78,
"parallelIndex": 1,
"status": "passed",
"duration": 992,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:13.040Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "79a36bc0ad105e778e8a-2890ad743a936a5bc666",
"file": "tailwind-rs-core.spec.ts",
"line": 228,
"column": 7
},
{
"title": "should generate dynamic classes using TailwindClasses API",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 91,
"parallelIndex": 1,
"status": "failed",
"duration": 971,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"snippet": "\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"min-h-screen\"\u001b[39m\nReceived string: \u001b[31m\"\"\u001b[39m\n\n\u001b[0m \u001b[90m 14 |\u001b[39m \n \u001b[90m 15 |\u001b[39m \u001b[90m// Should have responsive classes\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 16 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'min-h-screen'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 17 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'transition-all'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 18 |\u001b[39m expect(bodyClasses)\u001b[33m.\u001b[39mtoContain(\u001b[32m'duration-700'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 19 |\u001b[39m \u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:16:25\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:35.695Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--cfe54-s-using-TailwindClasses-API-Mobile-Safari/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 25,
"line": 16
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-84e43b29e67ac26d92ea",
"file": "tailwind-rs-core.spec.ts",
"line": 10,
"column": 7
},
{
"title": "should apply responsive classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 92,
"parallelIndex": 1,
"status": "failed",
"duration": 2131,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"snippet": "\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThanOrEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: >= \u001b[32m90\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 48 |\u001b[39m \n \u001b[90m 49 |\u001b[39m \u001b[90m// Should have lg padding (py-24 = 6rem = 96px)\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 50 |\u001b[39m expect(parseInt(desktopStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThanOrEqual(\u001b[35m90\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 51 |\u001b[39m \n \u001b[90m 52 |\u001b[39m \u001b[90m// Test tablet view\u001b[39m\n \u001b[90m 53 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m768\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m1024\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:50:48\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:37.272Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--f3e85-esponsive-classes-correctly-Mobile-Safari/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 48,
"line": 50
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-72b57c60df93e2abcc3e",
"file": "tailwind-rs-core.spec.ts",
"line": 34,
"column": 7
},
{
"title": "should merge custom classes with base classes",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 93,
"parallelIndex": 1,
"status": "failed",
"duration": 1208,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"snippet": "\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"gradient\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 98 |\u001b[39m \u001b[36mreturn\u001b[39m styles\u001b[33m.\u001b[39mbackgroundImage\u001b[33m;\u001b[39m\n \u001b[90m 99 |\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 100 |\u001b[39m expect(backgroundImage)\u001b[33m.\u001b[39mtoContain(\u001b[32m'gradient'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 101 |\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 102 |\u001b[39m\n \u001b[90m 103 |\u001b[39m test(\u001b[32m'should apply state classes correctly'\u001b[39m\u001b[33m,\u001b[39m \u001b[36masync\u001b[39m ({ page }) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:100:29\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:40.083Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--fcae6-m-classes-with-base-classes-Mobile-Safari/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 29,
"line": 100
}
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-7db69cf70d47f0de0bc0",
"file": "tailwind-rs-core.spec.ts",
"line": 83,
"column": 7
},
{
"title": "should apply state classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 94,
"parallelIndex": 1,
"status": "timedOut",
"duration": 30248,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 23,
"line": 114
},
"message": "Error: locator.hover: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').first()\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md px-8 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-bold py-4 px-8 rounded-xl shadow-…>🎯 Try Components</button>\u001b[22m\n\u001b[2m - attempting hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying hover action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible and stable\u001b[22m\n\u001b[2m - element is visible and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying hover action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 112 |\u001b[39m \n \u001b[90m 113 |\u001b[39m \u001b[90m// Test hover state\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 114 |\u001b[39m \u001b[36mawait\u001b[39m firstButton\u001b[33m.\u001b[39mhover()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 115 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check that hover styles are applied\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:114:23\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:41.976Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c0ddc-ply-state-classes-correctly-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-9c27ac7b08f3776f6b22",
"file": "tailwind-rs-core.spec.ts",
"line": 103,
"column": 7
},
{
"title": "should generate color-specific classes dynamically",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 95,
"parallelIndex": 3,
"status": "timedOut",
"duration": 30128,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 22,
"line": 137
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'blue' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full bg-blue-600 hover:bg-blue-700\">Blue Scheme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\n\n\u001b[0m \u001b[90m 135 |\u001b[39m \u001b[90m// Click on blue color\u001b[39m\n \u001b[90m 136 |\u001b[39m \u001b[36mconst\u001b[39m blueButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'blue'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 137 |\u001b[39m \u001b[36mawait\u001b[39m blueButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 138 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 139 |\u001b[39m \n \u001b[90m 140 |\u001b[39m \u001b[36mconst\u001b[39m blueClasses \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m heroSection\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m el\u001b[33m.\u001b[39mclassName)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:137:22\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:44.036Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--8af43-pecific-classes-dynamically-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-4ec0ae40c27f2766ea0d",
"file": "tailwind-rs-core.spec.ts",
"line": 130,
"column": 7
},
{
"title": "should apply theme-specific classes correctly",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 96,
"parallelIndex": 0,
"status": "timedOut",
"duration": 30133,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 178
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 176 |\u001b[39m \u001b[90m// Click on light theme\u001b[39m\n \u001b[90m 177 |\u001b[39m \u001b[36mconst\u001b[39m lightThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'light'\u001b[39m })\u001b[33m;\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 178 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 179 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m500\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 180 |\u001b[39m \n \u001b[90m 181 |\u001b[39m \u001b[36mconst\u001b[39m lightBackground \u001b[33m=\u001b[39m \u001b[36mawait\u001b[39m body\u001b[33m.\u001b[39mevaluate((el) \u001b[33m=>\u001b[39m {\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:178:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:46.820Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c5e48--specific-classes-correctly-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-78236b71a7d5489ffe68",
"file": "tailwind-rs-core.spec.ts",
"line": 168,
"column": 7
},
{
"title": "should validate class generation performance",
"ok": false,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 97,
"parallelIndex": 4,
"status": "timedOut",
"duration": 30127,
"error": {
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m",
"stack": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
"errors": [
{
"message": "\u001b[31mTest timeout of 30000ms exceeded.\u001b[39m"
},
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts",
"column": 28,
"line": 214
},
"message": "Error: locator.click: Test timeout of 30000ms exceeded.\nCall log:\n\u001b[2m - waiting for locator('button').filter({ hasText: 'light' })\u001b[22m\n\u001b[2m - locator resolved to <button id=\"\" class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 w-full\">Light Theme</button>\u001b[22m\n\u001b[2m - attempting click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 20ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m 2 × retrying click action\u001b[22m\n\u001b[2m - waiting 100ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m 13 × retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>…</div> intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\u001b[2m - waiting for element to be visible, enabled and stable\u001b[22m\n\u001b[2m - element is visible, enabled and stable\u001b[22m\n\u001b[2m - scrolling into view if needed\u001b[22m\n\u001b[2m - done scrolling\u001b[22m\n\u001b[2m - <div>error from build pipeline↵↵Caused by:↵⇆0: HTML bu…</div> from <div>…</div> subtree intercepts pointer events\u001b[22m\n\u001b[2m - retrying click action\u001b[22m\n\u001b[2m - waiting 500ms\u001b[22m\n\n\n\u001b[0m \u001b[90m 212 |\u001b[39m \u001b[36mconst\u001b[39m defaultThemeButton \u001b[33m=\u001b[39m page\u001b[33m.\u001b[39mlocator(\u001b[32m'button'\u001b[39m)\u001b[33m.\u001b[39mfilter({ hasText\u001b[33m:\u001b[39m \u001b[32m'default'\u001b[39m })\u001b[33m;\u001b[39m\n \u001b[90m 213 |\u001b[39m \n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 214 |\u001b[39m \u001b[36mawait\u001b[39m lightThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 215 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 216 |\u001b[39m \u001b[36mawait\u001b[39m darkThemeButton\u001b[33m.\u001b[39mclick()\u001b[33m;\u001b[39m\n \u001b[90m 217 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39mwaitForTimeout(\u001b[35m100\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/tailwind-rs-core.spec.ts:214:28\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:49.537Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/tailwind-rs-core-Tailwind--c35ca-lass-generation-performance-Mobile-Safari/error-context.md"
}
]
}
],
"status": "unexpected"
}
],
"id": "79a36bc0ad105e778e8a-cb3b9667981e7b5eeb36",
"file": "tailwind-rs-core.spec.ts",
"line": 205,
"column": 7
},
{
"title": "should handle class conflicts gracefully",
"ok": true,
"tags": [
"tailwind-rs-core"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 98,
"parallelIndex": 2,
"status": "passed",
"duration": 1435,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:51.150Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "79a36bc0ad105e778e8a-f8488b7110cd78dff841",
"file": "tailwind-rs-core.spec.ts",
"line": 228,
"column": 7
}
]
}
]
},
{
"title": "visual-regression.spec.ts",
"file": "visual-regression.spec.ts",
"column": 0,
"line": 0,
"specs": [],
"suites": [
{
"title": "Visual Regression Tests @visual",
"file": "visual-regression.spec.ts",
"line": 3,
"column": 6,
"specs": [
{
"title": "should display the main hero section with correct styling",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 18,
"parallelIndex": 2,
"status": "passed",
"duration": 1176,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:19.226Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-267744b4a4e203a9610c",
"file": "visual-regression.spec.ts",
"line": 11,
"column": 7
},
{
"title": "should display theme controls section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 18,
"parallelIndex": 2,
"status": "passed",
"duration": 1977,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:20.413Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-a407d754caf9b63718cc",
"file": "visual-regression.spec.ts",
"line": 32,
"column": 7
},
{
"title": "should display component showcase section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 18,
"parallelIndex": 2,
"status": "passed",
"duration": 917,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:22.413Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-327fd7b423d5ad0cf076",
"file": "visual-regression.spec.ts",
"line": 45,
"column": 7
},
{
"title": "should have proper responsive design",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 18,
"parallelIndex": 2,
"status": "failed",
"duration": 1644,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"snippet": "\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:23.349Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-chromium/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-64c748fa72427b613773",
"file": "visual-regression.spec.ts",
"line": 58,
"column": 7
},
{
"title": "should have proper color contrast and visibility",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 19,
"parallelIndex": 2,
"status": "passed",
"duration": 1000,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:26.549Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-efc558b45dff47a8cc9d",
"file": "visual-regression.spec.ts",
"line": 91,
"column": 7
},
{
"title": "should display animated elements",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "chromium",
"projectName": "chromium",
"results": [
{
"workerIndex": 19,
"parallelIndex": 2,
"status": "failed",
"duration": 1100,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none 0s ease 0s 1 normal none running\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none 0s ease 0s 1 normal none running\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"snippet": "\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none 0s ease 0s 1 normal none running\"\u001b[39m\n\n\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:33:27.879Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-chromium/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-chromium/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-chromium/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-82c71c82bae5ec8e0dbc",
"file": "visual-regression.spec.ts",
"line": 106,
"column": 7
},
{
"title": "should display the main hero section with correct styling",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 38,
"parallelIndex": 3,
"status": "passed",
"duration": 1037,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:06.060Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-ad2cb9ae8c34f58a6472",
"file": "visual-regression.spec.ts",
"line": 11,
"column": 7
},
{
"title": "should display theme controls section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 38,
"parallelIndex": 3,
"status": "passed",
"duration": 988,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:07.110Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-455569f68ede8ffaa88d",
"file": "visual-regression.spec.ts",
"line": 32,
"column": 7
},
{
"title": "should display component showcase section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 38,
"parallelIndex": 3,
"status": "passed",
"duration": 1599,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:08.111Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-d509030f582b598209dc",
"file": "visual-regression.spec.ts",
"line": 45,
"column": 7
},
{
"title": "should have proper responsive design",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 38,
"parallelIndex": 3,
"status": "failed",
"duration": 1655,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"snippet": "\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:09.728Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-firefox/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-7091c87e837237fa1274",
"file": "visual-regression.spec.ts",
"line": 58,
"column": 7
},
{
"title": "should have proper color contrast and visibility",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 39,
"parallelIndex": 3,
"status": "passed",
"duration": 2067,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:12.359Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-2a3ad3f965c5cd7699dd",
"file": "visual-regression.spec.ts",
"line": 91,
"column": 7
},
{
"title": "should display animated elements",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "firefox",
"projectName": "firefox",
"results": [
{
"workerIndex": 39,
"parallelIndex": 3,
"status": "failed",
"duration": 1214,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"snippet": "\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:35:15.222Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-firefox/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-firefox/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-firefox/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-de2fb507f760eb9f3dc8",
"file": "visual-regression.spec.ts",
"line": 106,
"column": 7
},
{
"title": "should display the main hero section with correct styling",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 58,
"parallelIndex": 4,
"status": "passed",
"duration": 1040,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:40.426Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-45c8e07a014d5aa9bb3c",
"file": "visual-regression.spec.ts",
"line": 11,
"column": 7
},
{
"title": "should display theme controls section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 58,
"parallelIndex": 4,
"status": "passed",
"duration": 1090,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:41.478Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-4baf23d633d60111c5b0",
"file": "visual-regression.spec.ts",
"line": 32,
"column": 7
},
{
"title": "should display component showcase section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 58,
"parallelIndex": 4,
"status": "passed",
"duration": 1174,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:42.582Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-1e6f92fca448201e7349",
"file": "visual-regression.spec.ts",
"line": 45,
"column": 7
},
{
"title": "should have proper responsive design",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 58,
"parallelIndex": 4,
"status": "failed",
"duration": 2592,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"snippet": "\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:43.773Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-webkit/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-7d12e4df5b69961cf74e",
"file": "visual-regression.spec.ts",
"line": 58,
"column": 7
},
{
"title": "should have proper color contrast and visibility",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 59,
"parallelIndex": 4,
"status": "passed",
"duration": 1435,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:47.899Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-d248772562d21ad4d4a4",
"file": "visual-regression.spec.ts",
"line": 91,
"column": 7
},
{
"title": "should display animated elements",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "webkit",
"projectName": "webkit",
"results": [
{
"workerIndex": 59,
"parallelIndex": 4,
"status": "failed",
"duration": 1242,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"snippet": "\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:36:49.687Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-webkit/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-webkit/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-webkit/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-30d2e3c6d736c82d18a8",
"file": "visual-regression.spec.ts",
"line": 106,
"column": 7
},
{
"title": "should display the main hero section with correct styling",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 78,
"parallelIndex": 1,
"status": "passed",
"duration": 915,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:14.163Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-2bc9e0f9a767d6aedcda",
"file": "visual-regression.spec.ts",
"line": 11,
"column": 7
},
{
"title": "should display theme controls section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 78,
"parallelIndex": 1,
"status": "passed",
"duration": 914,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:15.085Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-d6af2a757140ae40338f",
"file": "visual-regression.spec.ts",
"line": 32,
"column": 7
},
{
"title": "should display component showcase section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 78,
"parallelIndex": 1,
"status": "passed",
"duration": 923,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:16.006Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-558beb10b146e1a63c69",
"file": "visual-regression.spec.ts",
"line": 45,
"column": 7
},
{
"title": "should have proper responsive design",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 78,
"parallelIndex": 1,
"status": "failed",
"duration": 2333,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"snippet": "\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:16.939Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Chrome/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-0875638c975270608ee2",
"file": "visual-regression.spec.ts",
"line": 58,
"column": 7
},
{
"title": "should have proper color contrast and visibility",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 79,
"parallelIndex": 1,
"status": "passed",
"duration": 1165,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:19.833Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-9d6a8b113a05148f8ec1",
"file": "visual-regression.spec.ts",
"line": 91,
"column": 7
},
{
"title": "should display animated elements",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Chrome",
"projectName": "Mobile Chrome",
"results": [
{
"workerIndex": 79,
"parallelIndex": 1,
"status": "failed",
"duration": 950,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none 0s ease 0s 1 normal none running\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none 0s ease 0s 1 normal none running\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"snippet": "\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none 0s ease 0s 1 normal none running\"\u001b[39m\n\n\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:38:21.101Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Chrome/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Chrome/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Chrome/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-67eb6b33ceff0e07e25f",
"file": "visual-regression.spec.ts",
"line": 106,
"column": 7
},
{
"title": "should display the main hero section with correct styling",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 98,
"parallelIndex": 2,
"status": "passed",
"duration": 1059,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:52.999Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-e770b39fc8cd21473e51",
"file": "visual-regression.spec.ts",
"line": 11,
"column": 7
},
{
"title": "should display theme controls section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 98,
"parallelIndex": 2,
"status": "passed",
"duration": 1094,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:54.075Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-0cc2d98490f03744be3a",
"file": "visual-regression.spec.ts",
"line": 32,
"column": 7
},
{
"title": "should display component showcase section",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 98,
"parallelIndex": 2,
"status": "passed",
"duration": 1037,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:55.182Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-b88987cd043212690c25",
"file": "visual-regression.spec.ts",
"line": 45,
"column": 7
},
{
"title": "should have proper responsive design",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 98,
"parallelIndex": 2,
"status": "failed",
"duration": 2077,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"snippet": "\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBeGreaterThan\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected: > \u001b[32m50\u001b[39m\nReceived: \u001b[31m0\u001b[39m\n\n\u001b[0m \u001b[90m 71 |\u001b[39m \n \u001b[90m 72 |\u001b[39m \u001b[90m// Check that padding is appropriate for desktop\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 73 |\u001b[39m expect(parseInt(heroStyles\u001b[33m.\u001b[39mpaddingTop))\u001b[33m.\u001b[39mtoBeGreaterThan(\u001b[35m50\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 74 |\u001b[39m \n \u001b[90m 75 |\u001b[39m \u001b[90m// Test mobile view\u001b[39m\n \u001b[90m 76 |\u001b[39m \u001b[36mawait\u001b[39m page\u001b[33m.\u001b[39msetViewportSize({ width\u001b[33m:\u001b[39m \u001b[35m375\u001b[39m\u001b[33m,\u001b[39m height\u001b[33m:\u001b[39m \u001b[35m667\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:73:45\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:56.229Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-3de01-ve-proper-responsive-design-Mobile-Safari/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 45,
"line": 73
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-5afd314664b87abee33f",
"file": "visual-regression.spec.ts",
"line": 58,
"column": 7
},
{
"title": "should have proper color contrast and visibility",
"ok": true,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 99,
"parallelIndex": 2,
"status": "passed",
"duration": 1489,
"errors": [],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:39:59.499Z",
"annotations": [],
"attachments": []
}
],
"status": "expected"
}
],
"id": "78e23c5201ba1ea12e76-118bee31f857704ca11b",
"file": "visual-regression.spec.ts",
"line": 91,
"column": 7
},
{
"title": "should display animated elements",
"ok": false,
"tags": [
"visual"
],
"tests": [
{
"timeout": 30000,
"annotations": [],
"expectedStatus": "passed",
"projectId": "Mobile Safari",
"projectName": "Mobile Safari",
"results": [
{
"workerIndex": 99,
"parallelIndex": 2,
"status": "failed",
"duration": 1151,
"error": {
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m",
"stack": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37",
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"snippet": "\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m"
},
"errors": [
{
"location": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
},
"message": "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected substring: \u001b[32m\"pulse\"\u001b[39m\nReceived string: \u001b[31m\"none\"\u001b[39m\n\n\u001b[0m \u001b[90m 116 |\u001b[39m \n \u001b[90m 117 |\u001b[39m \u001b[90m// Check for pulse animation\u001b[39m\n\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 118 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39manimation)\u001b[33m.\u001b[39mtoContain(\u001b[32m'pulse'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m |\u001b[39m \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\n \u001b[90m 119 |\u001b[39m \u001b[90m// Check that overlay has a background color\u001b[39m\n \u001b[90m 120 |\u001b[39m expect(overlayStyles\u001b[33m.\u001b[39mbackgroundColor)\u001b[33m.\u001b[39mnot\u001b[33m.\u001b[39mtoBe(\u001b[32m'rgba(0, 0, 0, 0)'\u001b[39m)\u001b[33m;\u001b[39m\n \u001b[90m 121 |\u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\n\u001b[2m at /Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts:118:37\u001b[22m"
}
],
"stdout": [],
"stderr": [],
"retry": 0,
"startTime": "2025-09-15T12:40:01.273Z",
"annotations": [],
"attachments": [
{
"name": "screenshot",
"contentType": "image/png",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Safari/test-failed-1.png"
},
{
"name": "video",
"contentType": "video/webm",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Safari/video.webm"
},
{
"name": "error-context",
"contentType": "text/markdown",
"path": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/test-results/visual-regression-Visual-R-e06c0-d-display-animated-elements-Mobile-Safari/error-context.md"
}
],
"errorLocation": {
"file": "/Users/peterhanssens/consulting/Leptos/leptos-shadcn-ui/examples/leptos/tests/visual-regression.spec.ts",
"column": 37,
"line": 118
}
}
],
"status": "unexpected"
}
],
"id": "78e23c5201ba1ea12e76-de806d96c68dbe8b8bd7",
"file": "visual-regression.spec.ts",
"line": 106,
"column": 7
}
]
}
]
}
],
"errors": [],
"stats": {
"startTime": "2025-09-15T12:32:03.464Z",
"duration": 496550.546,
"expected": 70,
"skipped": 0,
"unexpected": 100,
"flaky": 0
}
}
Reference in New Issue View Git Blame Copy Permalink