| import { esbuildPlugin } from "@web/dev-server-esbuild"; |
| import { defaultReporter, summaryReporter } from "@web/test-runner"; |
| import { visualRegressionPlugin } from "@web/test-runner-visual-regression/plugin"; |
| |
| function testRunnerHtmlFactory() { |
| return (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> |
| `; |
| } |
| |
| /** @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: testRunnerHtmlFactory(), |
| }; |
| export default config; |
