import { playwrightLauncher } from '@web/test-runner-playwright';
import { esbuildPlugin } from '@web/dev-server-esbuild';
import fs from 'fs/promises';
import path from 'path';
// Run headless in CI, headed for local development
const isCI = process.env.CI === 'true';
const cssInlinePlugin = {
name: 'css-inline-plugin',
async serve(context) {
if (!context.url.endsWith('.css?inline')) return undefined;
const cssUrl = context.url.replace('?inline', '');
const filePath = path.resolve(process.cwd(), `.${cssUrl}`);
const cssText = await fs.readFile(filePath, 'utf-8');
return {
body: `export default ${JSON.stringify(cssText)};`,
type: 'js',
};
},
};
export default {
plugins: [cssInlinePlugin, esbuildPlugin({ ts: true, tsconfig: './tsconfig.json', target: 'es2020' })],
browsers: [playwrightLauncher({
product: 'chromium',
launchOptions: { headless: isCI }
})],
testFramework: {
config: {
timeout: '240000',
},
},
nodeResolve: true,
};
