Files
app/frontend/playwright.config.ts
T
stroblme dea25ec08d One image for the whole app: engine, API and dashboard on one port
The backend image now builds the SPA and serves it on the API's own origin
(fluksio/spa.py), so an instance is a single container with no proxy, DNS,
port 80 or .env: `docker compose up -d` with the new compose.yml runs it on
localhost:8080. It starts on fluksio serve (persisted secret key, first
admin printed once) and brings its own Redis when REDIS_HOST is unset.

Slimmer: python:3.13-slim, no dev group, uv once, fastapi without the cloud
CLI. Optional features are per-feature extras (mqtt, influx, email, sentry,
ml, server for all) picked with the EXTRAS build argument; numpy moved to
`ml`. ffmpeg left the image for imageio-ffmpeg via the Modules screen.

The operator stack runs the same image with app. and api. routed to it; the
nginx frontend service, the LAN nginx proxy and DOMAIN in the backend are
gone, and the MCP issuer is FRONTEND_HOST.
2026-10-16 11:40:02 +02:00

117 lines
3.7 KiB
TypeScript

import { defineConfig, devices } from '@playwright/test';
import 'dotenv/config'
import { appUrl } from './tests/config.ts'
/**
* Read environment variables from file.
* https://github.com/motdotla/dotenv
*/
/**
* See https://playwright.dev/docs/test-configuration.
*/
export default defineConfig({
testDir: './tests',
/* 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: process.env.CI ? 'blob' : 'html',
/* Nothing runs until the target is known not to be a live instance. */
globalSetup: './tests/guard.ts',
/* 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('/')`. Defaults to the
suite's own stack (`make test-stack`), never the dev instance's data.
Point PLAYWRIGHT_BASE_URL elsewhere to test another running server; the
API is on the same origin (see tests/config.ts). */
baseURL: appUrl,
/* Chromium pins *.localhost to loopback whatever /etc/hosts says, so a
containerised run maps the names here as well as through --add-host. */
launchOptions: process.env.HOST_RESOLVER_RULES
? { args: [`--host-resolver-rules=${process.env.HOST_RESOLVER_RULES}`] }
: {},
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
trace: 'on-first-retry',
},
/* Configure projects for major browsers */
projects: [
{ name: 'setup', testMatch: /.*\.setup\.ts/ },
{
name: 'chromium',
use: {
...devices['Desktop Chrome'],
storageState: 'playwright/.auth/user.json',
},
/* The mobile suite is the same app at a phone's width; running it here
too would only re-assert the desktop layout. */
testIgnore: /mobile\.spec\.ts/,
dependencies: ['setup'],
},
/* Every screen at 393px, checking the one thing that is easy to break and
hard to notice: a page that scrolls sideways. See the Responsive section
of the root DESIGN-GUIDELINES.md. */
{
name: 'mobile',
use: {
...devices['Pixel 5'],
storageState: 'playwright/.auth/user.json',
},
testMatch: /mobile\.spec\.ts/,
dependencies: ['setup'],
},
// {
// name: 'firefox',
// use: {
// ...devices['Desktop Firefox'],
// storageState: 'playwright/.auth/user.json',
// },
// dependencies: ['setup'],
// },
/* The drag specs in WebKit, where the engines differ. Opt-in, because
WebKit only reaches a *.localhost stack from inside Traefik's network
namespace, which is what `make test-webkit` runs in. */
...(process.env.PLAYWRIGHT_WEBKIT
? [
{
name: 'webkit',
use: {
...devices['Desktop Safari'],
storageState: 'playwright/.auth/user.json',
},
testMatch: /-drag\.spec\.ts/,
dependencies: ['setup'],
},
]
: []),
// {
// 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' },
// },
],
});