Files
shadcn/app/playwright.config.ts
zeekay da506b8ebe test: Add focused builder features test suite
- Create comprehensive test for builder UI features
- Test fullscreen toggle functionality
- Test icon-based viewport switcher (mobile/tablet/desktop)
- Test component library with search filtering
- Test tab switching between blocks and components
- Test compact, minimal UI design elements
- Test responsive behavior across viewports
- Fix Playwright config to reuse existing dev server

Grid layout validated: Container settings support flex/grid/stack layouts with proper CSS classes.
2025-11-13 09:43:03 -08:00

76 lines
2.1 KiB
TypeScript

import { defineConfig, devices } from "@playwright/test"
/**
* See https://playwright.dev/docs/test-configuration
*/
export default defineConfig({
testDir: "./tests/e2e",
/* Run tests in files in parallel */
fullyParallel: true,
/* Fail the build on CI if you accidentally left test.only in the source code. */
forbidOnly: !!process.env.CI,
/* Retry on CI only */
retries: process.env.CI ? 2 : 0,
/* Opt out of parallel tests on CI. */
workers: process.env.CI ? 1 : undefined,
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
reporter: [["html"], ["list"], process.env.CI ? ["github"] : ["list"]],
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
use: {
/* Base URL to use in actions like `await page.goto('/')`. */
baseURL: "http://localhost:3003",
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
trace: "on-first-retry",
/* Screenshot on failure */
screenshot: "only-on-failure",
/* Video on failure */
video: "retain-on-failure",
},
/* Configure projects for major browsers */
projects: [
{
name: "chromium",
use: { ...devices["Desktop Chrome"] },
},
{
name: "firefox",
use: { ...devices["Desktop Firefox"] },
},
{
name: "webkit",
use: { ...devices["Desktop Safari"] },
},
/* Test against mobile viewports. */
{
name: "Mobile Chrome",
use: { ...devices["Pixel 5"] },
},
{
name: "Mobile Safari",
use: { ...devices["iPhone 12"] },
},
/* Test against branded browsers. */
{
name: "Microsoft Edge",
use: { ...devices["Desktop Edge"], channel: "msedge" },
},
{
name: "Google Chrome",
use: { ...devices["Desktop Chrome"], channel: "chrome" },
},
],
/* Run your local dev server before starting the tests */
webServer: {
command: "rm -f .next/dev/lock && pnpm dev",
url: "http://localhost:3003",
reuseExistingServer: true,
timeout: 120000,
},
})