Files
copilotkit__copilotkit/showcase/shell-dashboard/playwright.config.ts
Jordan Ritter 7f3fab47b2 feat(showcase/shell-dashboard): live PocketBase status wiring + tests
Replace the static status.json feed with a live PocketBase subscription
(useLiveStatus / useLastTransition hooks + live-status lib + pb client),
add vitest + playwright visual test setup, wire feature-grid + cell
pieces + badges to the live data model. Adds Dockerfile + .dockerignore
for Railway deployment of the dashboard.
2026-04-22 11:00:46 -07:00

48 lines
1.4 KiB
TypeScript
Raw Permalink 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.
import { defineConfig, devices } from "@playwright/test";
/**
* Playwright config for visual regression of the shell-dashboard matrix
* at 3 viewports: iPhone SE (375×667), iPhone 14 Pro Max (430×932),
* Desktop (1440×900). Snapshots live in tests/visual/__snapshots__/.
*
* The dev server is NOT auto-started; contributors start it manually via
* `npm run dev` before `npm run test:visual`. This avoids flakiness in
* CI where the predev prober might hit external URLs.
*/
export default defineConfig({
testDir: "./tests/visual",
snapshotPathTemplate:
"{testDir}/__snapshots__/{testFileName}/{arg}-{projectName}{ext}",
fullyParallel: false,
forbidOnly: !!process.env.CI,
// CI: tolerate transient flakes (snapshot diff on first render, network
// jitter to PocketBase) by retrying twice. Local: fail fast to surface
// issues during dev.
retries: process.env.CI ? 2 : 0,
reporter: [["list"]],
use: {
baseURL: process.env.DASHBOARD_URL ?? "http://localhost:3002",
trace: "retain-on-failure",
},
projects: [
{
name: "iphone-se",
use: { ...devices["iPhone SE"], viewport: { width: 375, height: 667 } },
},
{
name: "iphone-14-pro-max",
use: {
...devices["iPhone 14 Pro Max"],
viewport: { width: 430, height: 932 },
},
},
{
name: "desktop",
use: {
...devices["Desktop Chrome"],
viewport: { width: 1440, height: 900 },
},
},
],
});