// @ts-check

import { esbuildPlugin } from '@web/dev-server-esbuild';

import { fromRollup } from '@web/dev-server-rollup';

import { sendKeysPlugin } from '@web/test-runner-commands/plugins';

import { resolveLocalFilesFromTypeScriptSources } from './plugins/resolve-local.js';

import { playwrightLauncher } from '@web/test-runner-playwright';

import _commonjs from '@rollup/plugin-commonjs';

import _graphql from '@rollup/plugin-graphql';

import { fileURLToPath } from 'node:url';

import { dirname } from 'node:path';

const graphql = fromRollup(_graphql);

const commonjs = fromRollup(_commonjs);

const cjsIncludes = [

'**/fast-json-stable-stringify/index.js',

'**/graphql-tag/src/index.js',

'**/zen-observable/**/*.js',

'**/incremental-dom/dist/*cjs.js',

];

const rootDir = dirname(fileURLToPath(new url(/sitelet?url=https%3A%2F%2Fgithub.com%2Fapollo-elements%2Fapollo-elements%2Fblob%2Fmain%2Fimport.meta.url)));

/** @type {Partial<import('@web/test-runner').TestRunnerConfig>} */

export default ({

nodeResolve: {

extensions: ['.ts', '.mjs', '.js', '.css', '.graphql'],

exportConditions: ['production'], // Use production builds of lit packages

},

browsers: [playwrightLauncher()],

rootDir,

files: [

'packages/!(create)/**/*.test.ts',

],

mimeTypes: {

'**/*.graphql': 'js',

},

coverageConfig: {

exclude: [

'_site/**/*',

'_site-dev/**/*',

'.vscode/**/*',

'.netlify/**/*',

'coverage/**/*',

'packages/**/*.test.{ts, js}',

'packages/lib/cuid.{ts, js}',

'**/node_modules/**/*',

'**/test/**/*',

'*__*-dev-server__*',

],

},

testRunnerHtml: testRunnerImport => `

<html>

<head>

<script>

// @ts-ignore: https://github.com/graphql/graphql-js/pull/2409

globalThis.process ??= { env: {} };

// suppress advertising

globalThis.__APOLLO_DEVTOOLS_GLOBAL_HOOK__ = () => void 0;

</script>

</head>

<body>

<script type="module">

import '${testRunnerImport}';

</script>

</body>

</html>

`,

plugins: [

resolveLocalFilesFromTypeScriptSources({ rootDir }),

graphql(),

commonjs({ include: cjsIncludes, ignoreDynamicRequires: false }),

esbuildPlugin({

ts: true,

target: 'es2022',

tsconfig: './tsconfig.settings.json',

}),

sendKeysPlugin(),

{

name: 'fake it for gluon',

resolveImport({ source }) {

if (source.endsWith('lit-html/lib/shady-render.js'))

return '../../lit-html/lit-html.js';

},

},

],

});