blob: 552e6090fae1126d85956bfadb43290b485ffae3 [file] [log] [blame]
import { esbuildPlugin } from "@web/dev-server-esbuild";
import { defaultReporter, summaryReporter } from "@web/test-runner";
import { visualRegressionPlugin } from "@web/test-runner-visual-regression/plugin";
/** @type {import('@web/test-runner').TestRunnerConfig} */
const config = {
files: [
"app/**/*_test.{ts,js}",
"!**/node_modules/**/*",
...(process.argv.includes("--run-screenshots")
? []
: ["!app/**/*_screenshot_test.{ts,js}"]),
],
port: 9876,
nodeResolve: true,
testFramework: { config: { ui: "tdd", timeout: 5000 } },
plugins: [
esbuildPlugin({
ts: true,
target: "es2020",
tsconfig: "app/tsconfig.json",
}),
visualRegressionPlugin({
diffOptions: {
threshold: 0.8,
},
update: process.argv.includes("--update-screenshots"),
}),
],
// serve from gerrit root directory so that we can serve fonts from
// /lib/fonts/, see middleware.
rootDir: "..",
reporters: [defaultReporter(), summaryReporter()],
middleware: [
// Fonts are in /lib/fonts/, but css tries to load from
// /polygerrit-ui/app/fonts/. In production this works because our build
// copies them over, see /polygerrit-ui/BUILD
async (context, next) => {
if (context.url.startsWith("/polygerrit-ui/app/fonts/")) {
context.url = context.url.replace("/polygerrit-ui/app/", "/lib/");
}
await next();
},
],
testRunnerHtml: (testFramework) => `
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="polygerrit-ui/app/styles/main.css">
<link rel="stylesheet" href="polygerrit-ui/app/styles/fonts.css">
<link
rel="stylesheet"
href="polygerrit-ui/app/styles/material-icons.css">
</head>
<body>
<script type="module" src="${testFramework}"></script>
</body>
</html>
`,
};
export default config;