Files
Umbraco-CMS/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs
Jacob Overgaard 796533ff11 Refactor libs into @umbraco-cms/backoffice/* (#608)
* merge libs rollup configs to one rollup

* move css from libs to src/core

* run rollup on cms build

* move test-utils to /utils folder

* move css to src/core

* mark @umbraco-cms/backoffice as external when building for CMS

* rename all models to include @umbraco-cms/backoffice in their path to allow us to publish as a single module

* rename all imports to @umbraco-cms/backoffice/*

* rename events to umb-events to avoid rollup error of protected module name(?)

* test that libs can build

* move css to src/core

* move umb-lit-element and modal elements to src/core

* move some modal interfaces back to libs/modal

* move the icon store into src/core since it is very localized to the backoffice

* comment out build:libs for now since Github runs out of memory

* rename to match tsconfig alias

* add package.json to libs

* only make libs for lib folders

* turn off emit for typescript since we are handling types for libs separately

* build libs locally

* add script to move libs to final destination with some transform

* move libs after build

* move package.json to dist folder first (so we can publish from there)

* remove inline comments

* ensure the outputDir exists

* Remove re-export of extensions-registry library from models library

* move to individual files to avoid circular imports

* check if outputDir exists before trying to create it

* write transforms first in dist file and then copy the file to outputDir

* ensure all umbraco types are external

* copy information from main package.json file
2023-03-21 11:41:06 +01:00

92 lines
3.6 KiB
JavaScript

import { esbuildPlugin } from '@web/dev-server-esbuild';
import { playwrightLauncher } from '@web/test-runner-playwright';
import { importMapsPlugin } from '@web/dev-server-import-maps';
import rollupUrl from 'rollup-plugin-url';
import { fromRollup } from '@web/dev-server-rollup';
const url = fromRollup(rollupUrl);
/** @type {import('@web/dev-server').DevServerConfig} */
export default {
nodeResolve: true,
files: ['src/**/*.test.ts', 'libs/**/*.test.ts'],
mimeTypes: {
'./public/**/*': 'js',
},
plugins: [
{
name: 'resolve-umbraco-and-vite-imports',
// Rewrite Vite's root imports to the public folder
transformImport(args) {
if (args.source.match(/^\/.*?\.(png|gif|jpg|jpeg|svg)$/is)) {
return `/public${args.source}`;
}
},
// Serve Umbraco's API imports (msw does not work in web-test-runner)
serve(context) {
if (context.path.startsWith('/umbraco/management/api')) {
return '';
}
},
},
// Serve images from the public folder as JS modules
url({ include: ['public/**/*'] }),
esbuildPlugin({ ts: true, target: 'auto', json: true }),
importMapsPlugin({
inject: {
importMap: {
imports: {
'src/': './src/',
'@umbraco-cms/backoffice/backend-api': './libs/backend-api/index.ts',
'@umbraco-cms/backoffice/context-api': './libs/context-api/index.ts',
'@umbraco-cms/backoffice/controller': './libs/controller/index.ts',
'@umbraco-cms/backoffice/element': './libs/element/index.ts',
'@umbraco-cms/backoffice/entity-action': './libs/entity-action/index.ts',
'@umbraco-cms/backoffice/events': './libs/umb-events/index.ts',
'@umbraco-cms/backoffice/extensions-api': './libs/extensions-api/index.ts',
'@umbraco-cms/backoffice/extensions-registry': './libs/extensions-registry/index.ts',
'@umbraco-cms/backoffice/modal': './libs/modal/index.ts',
'@umbraco-cms/backoffice/models': './libs/models/index.ts',
'@umbraco-cms/backoffice/notification': './libs/notification/index.ts',
'@umbraco-cms/backoffice/observable-api': './libs/observable-api/index.ts',
'@umbraco-cms/backoffice/property-editor': './libs/property-editor/index.ts',
'@umbraco-cms/backoffice/repository': './libs/repository/index.ts',
'@umbraco-cms/backoffice/resources': './libs/resources/index.ts',
'@umbraco-cms/backoffice/store': './libs/store/index.ts',
'@umbraco-cms/backoffice/utils': './libs/utils/index.ts',
'@umbraco-cms/backoffice/workspace': './libs/workspace/index.ts',
'@umbraco-cms/internal/lit-element': './src/core/lit-element/index.ts',
'@umbraco-cms/internal/modal': './src/core/modal/index.ts',
'@umbraco-cms/internal/router': './src/core/router/index.ts',
'@umbraco-cms/internal/test-utils': './utils/test-utils.ts'
},
},
},
}),
],
browsers: [playwrightLauncher({ product: 'firefox' }), playwrightLauncher({ product: 'webkit' })],
coverageConfig: {
reporters: ['lcovonly', 'text-summary'],
},
testRunnerHtml: (testFramework) =>
`<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="public/favicon.svg" />
<title>Umbraco</title>
<base href="/" />
<link rel="stylesheet" href="node_modules/@umbraco-ui/uui-css/dist/uui-css.css">
<link rel="stylesheet" href="src/core/css/custom-properties.css">
</head>
<body>
<script type="module" src="${testFramework}"></script>
<script type="module">
import 'element-internals-polyfill';
import '@umbraco-ui/uui';
</script>
</body>
</html>`,
};