mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
14914abf65
* continued ssr work * continued ssr work * prettier * all components now rendering * everything finally works * fix type issues * working on breadcrumb * working on breadcrumb * radio group * convert all tests to ssr * prettier * test suite finally passing * add layout stuff * add changelog * fix TS issue * fix tests * fixing deploy stuff * get QR code displaying * fix tests * fix tests * prettier * condense hydration stuff * prettier * comment out range test * fixing issues * use base fixtures * fixing examples * dont vendor * fix import of hydration support * adding notes * add notesg * add ssr loader * fix build * prettier * add notes * add notes * prettier * fixing bundled stuff * remove cdn * remove cdn * prettier * fiixng tests * prettier * split jobs?? * prettier * fix build stuff * add reset mouse and await aTimeout * prettier * fix improper tests * prettier * bail on first * fix linting * only test form with client * redundancy on ssr-loader?? * maybe this will work * prettier * try callout now * fix form.test.ts * fix form.test.ts * prettier * fix forms * fix forms * try again * prettier * add some awaits * prettier * comment out broken SSR tests * prettier * comment out broken SSR tests * prettier * dont skip in CI * upgrade playwright to beta * prettier * try some trickery * try some trickery * await updateComplete * try to fix form.test.ts * import hydrateable elements 1 time * prettier * fix input defaultValue issues * fix form controls to behave like their native counterpartS * add changelog entry * prettier * fix unexpected behavior with range / button
94 lines
3.1 KiB
JavaScript
94 lines
3.1 KiB
JavaScript
import * as os from 'os';
|
|
import * as process from 'process';
|
|
import { esbuildPlugin } from '@web/dev-server-esbuild';
|
|
import { getAllComponents } from './scripts/shared.js';
|
|
import { globbySync } from 'globby';
|
|
import { litSsrPlugin } from '@lit-labs/testing/web-test-runner-ssr-plugin.js';
|
|
import { playwrightLauncher } from '@web/test-runner-playwright';
|
|
import { readFileSync } from 'fs';
|
|
|
|
// Get a list of all Web Awesome component imports for the test runner
|
|
const metadata = JSON.parse(readFileSync('./dist/custom-elements.json'), 'utf8');
|
|
const serverComponents = [];
|
|
const componentImports = [];
|
|
getAllComponents(metadata).forEach(component => {
|
|
const name = component.tagName.replace(/^wa-/, '');
|
|
|
|
serverComponents.push(`/dist/components/${name}/${name}.js`);
|
|
componentImports.push(`/dist-cdn/components/${name}/${name}.js`);
|
|
});
|
|
|
|
// os.availableParallelism only available as of Node 18.14.0 , maybe dont need the fallback?
|
|
// I've found the browser is more stable if you give it concurrency up front.
|
|
const cores = os.availableParallelism?.() ?? os.cpus.length;
|
|
const concurrency = Math.max(Math.floor(cores / 3), 1);
|
|
|
|
export default {
|
|
rootDir: '.',
|
|
files: 'src/**/*.test.ts', // "default" group
|
|
concurrentBrowsers: 3,
|
|
nodeResolve: {
|
|
exportConditions: ['production', 'default']
|
|
},
|
|
testFramework: {
|
|
config: {
|
|
timeout: 3000,
|
|
retries: 1
|
|
}
|
|
},
|
|
plugins: [
|
|
esbuildPlugin({
|
|
ts: true,
|
|
target: 'es2020'
|
|
}),
|
|
litSsrPlugin()
|
|
],
|
|
browsers: [
|
|
playwrightLauncher({ product: 'chromium', concurrency }),
|
|
playwrightLauncher({ product: 'firefox', concurrency }),
|
|
playwrightLauncher({ product: 'webkit', concurrency })
|
|
],
|
|
testRunnerHtml: testFramework => `
|
|
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<link rel="stylesheet" href="/dist/themes/default.css">
|
|
|
|
<script>
|
|
window.process = {env: { NODE_ENV: "production" }}
|
|
</script>
|
|
<script>
|
|
window.serverComponents = [
|
|
${serverComponents.map(str => `"${str}"`).join(',\n')}
|
|
]
|
|
|
|
window.clientComponents = [
|
|
${componentImports.map(str => `"${str}"`).join(',\n')}
|
|
]
|
|
|
|
window.SSR_ONLY = ${process.env['SSR_ONLY'] === 'true'}
|
|
window.CSR_ONLY = ${process.env['CSR_ONLY'] === 'true'}
|
|
</script>
|
|
<script type="module">
|
|
;(async () => {
|
|
await import('@lit-labs/ssr-client/lit-element-hydrate-support.js')
|
|
await Promise.allSettled(window.clientComponents.map(str => import(str)));
|
|
})()
|
|
</script>
|
|
<script type="module" src="${testFramework}"></script>
|
|
</head>
|
|
<body>
|
|
</body>
|
|
</html>
|
|
`,
|
|
// Create a named group for every test file to enable running single tests. If a test file is `split-panel.test.ts`
|
|
// then you can run `npm run test -- --group split-panel` to run only that component's tests.
|
|
groups: globbySync('src/**/*.test.ts').map(path => {
|
|
const groupName = path.match(/^.*\/(?<fileName>.*)\.test\.ts/).groups.fileName;
|
|
return {
|
|
name: groupName,
|
|
files: path
|
|
};
|
|
})
|
|
};
|