Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: 'index.html', rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as object', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: { path: 'index.html' }, rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports changing file name', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: { path: 'index.html', name: 'foo.html' }, rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'foo.html', - }, - ]); - }); - - it('supports setting multiple inputs', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ - input: [{ path: 'index.html' }, { path: 'not-index.html' }], - rootDir, - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - { - filePath: path.join(rootDir, 'not-index.html'), - html: 'not-index.html
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'not-index.html', - }, - ]); - }); - - it('resolves modules relative to HTML file', () => { - const rootDir = createApp({ - 'src/index.html': html` - - -Hello world
- - - - `, - 'src/app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: 'src/index.html', rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'src/index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'src', 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as rollup input string', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ rootDir }, 'index.html'); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as rollup input array', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ rootDir }, ['index.html']); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as rollup input array', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ rootDir }, ['index.html', 'not-index.html']); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - { - filePath: path.join(rootDir, 'not-index.html'), - html: 'not-index.html
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'not-index.html', - }, - ]); - }); - - it('supports setting input as rollup input object', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData( - { rootDir }, - { 'a.html': 'index.html', 'b.html': 'not-index.html' }, - ); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'a.html', - }, - { - filePath: path.join(rootDir, 'not-index.html'), - html: 'not-index.html
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'b.html', - }, - ]); - }); - - it('plugin input takes presedence over rollup input', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: 'index.html', rootDir }, 'not-index.html'); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('can set html string as input', () => { - const rootDir = createApp({ - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ - input: { - html: html` - - -HTML as string
- - - - `, - }, - rootDir, - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: undefined, - html: 'HTMLasstring
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('can set multiple html strings as input', () => { - const rootDir = createApp({ - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ - rootDir, - input: [ - { - name: '1.html', - html: html` - - -HTML1
- - - - `, - }, - { - name: '2.html', - html: html` - - -HTML2
- - - `, - }, - ], - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: undefined, - html: 'HTML1
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: '1.html', - }, - { - filePath: undefined, - html: 'HTML2
', - inlineModules: [], - moduleImports: [], - assets: [], - name: '2.html', - }, - ]); - }); - - it('supports setting input to a glob', () => { - const rootDir = createApp({ - 'pages/page-a.html': html` - - -page-a.html
- - - - - `, - 'pages/page-b.html': html` - - -page-b.html
- - - - - `, - 'pages/page-c.html': html` - - -page-c.html
- - - - - `, - 'pages/page-a.js': js` - export default 'page a'; - `, - 'pages/page-b.js': js` - export default 'page b'; - `, - 'pages/page-c.js': js` - export default 'page c'; - `, - 'pages/shared.js': js` - export default 'shared'; - `, - }); - const result = getInputData({ input: 'pages/**/*.html', rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'pages', 'page-c.html'), - html: 'page-c.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: 'page-c.html', - }, - { - filePath: path.join(rootDir, 'pages', 'page-b.html'), - html: 'page-b.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: 'page-b.html', - }, - { - filePath: path.join(rootDir, 'pages', 'page-a.html'), - html: 'page-a.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: 'page-a.html', - }, - ]); - }); - - it('supports not flattening output directories', () => { - const rootDir = createApp({ - 'pages/page-a.html': html` - - -page-a.html
- - - - - `, - 'pages/page-b.html': html` - - -page-b.html
- - - - - `, - 'pages/page-c.html': html` - - -page-c.html
- - - - - `, - 'pages/page-a.js': js` - export default 'page a'; - `, - 'pages/page-b.js': js` - export default 'page b'; - `, - 'pages/page-c.js': js` - export default 'page c'; - `, - 'pages/shared.js': js` - export default 'shared'; - `, - }); - const result = getInputData({ input: 'pages/**/*.html', flattenOutput: false, rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'pages', 'page-c.html'), - html: 'page-c.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: `pages${path.sep}page-c.html`, - }, - { - filePath: path.join(rootDir, 'pages', 'page-b.html'), - html: 'page-b.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: `pages${path.sep}page-b.html`, - }, - { - filePath: path.join(rootDir, 'pages', 'page-a.html'), - html: 'page-a.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: `pages${path.sep}page-a.html`, - }, - ]); - }); - - it('supports pure HTML files', () => { - const rootDir = createApp({}); - const result = getInputData({ - rootDir, - input: { - html: html` - - -pure HTML
- - - `, - }, - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: undefined, - html: 'pureHTML
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('throws when no files or html is given', () => { - const rootDir = createApp({}); - expect(() => getInputData({ rootDir })).to.throw(); - }); -}); diff --git a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts index 24a8dbd2bb..e69de29bb2 100644 --- a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts +++ b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts @@ -1,400 +0,0 @@ -import { expect } from 'chai'; -import { parse } from 'parse5'; -import path from 'path'; -import { extractAssets } from '../../../../src/input/extract/extractAssets.js'; -import { html, css, js, svg, createApp, cleanApp } from '../../../utils.js'; - -describe('extractAssets', () => { - afterEach(() => { - cleanApp(); - }); - - it('extracts assets from a document', () => { - const rootDir = createApp({ - 'image-a.png': 'image-a.png', - 'image-b.png': 'image-b.png', - 'image-c.png': 'image-c.png', - 'image-a.svg': svg``, - 'image-b.svg': svg``, - 'image-c.svg': svg``, - 'styles.css': css` - :root { - color: blue; - } - `, - 'webmanifest.json': { message: 'hello world' }, - }); - - const document = parse(html` - - - - - - - - - - -
-
- 
-
-
-
- `);
- const assets = extractAssets({
- document,
- htmlFilePath: path.join(rootDir, 'index.html'),
- htmlDir: rootDir,
- rootDir,
- extractAssets: true,
- });
-
- const assetsWithoutcontent = assets.map(a => ({ ...a, content: undefined }));
- expect(assetsWithoutcontent).to.eql([
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-a.png'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-b.png'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'webmanifest.json'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-a.svg'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'styles.css'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-c.svg'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-c.png'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-b.svg'),
- hashed: true,
- },
- ]);
- });
-
- it('reads file sources', () => {
- const rootDir = createApp({
- 'image-a.svg': svg``,
- 'image-b.svg': svg``,
- 'styles.css': css`
- :root {
- color: blue;
- }
- `,
- 'webmanifest.json': { message: 'hello world' },
- });
-
- const document = parse(html`
-
-
-
-
-
-
-
-
-
-
-
-
-
- `);
- const assets = extractAssets({
- document,
- htmlFilePath: path.join(rootDir, 'index.html'),
- htmlDir: rootDir,
- rootDir,
- extractAssets: true,
- });
-
- const transformedAssets = assets.map(asset => ({
- ...asset,
- content: asset.content.toString('utf-8').replace(/\s/g, ''),
- }));
- expect(transformedAssets).to.eql([
- {
- content: '{"message":"helloworld"}',
- filePath: path.join(rootDir, 'webmanifest.json'),
- hashed: true,
- },
- {
- content: '
- 
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([
- { importPath: `${sep}foo.js`, attributes: [] },
- { importPath: `${sep}bar.js`, attributes: [] },
- ]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('does not touch non module scripts', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
-
-
- after
-
-
- `);
- });
-
- it('resolves imports relative to the root dir', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/base/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([
- { importPath: `${sep}foo.js`, attributes: [] },
- { importPath: `${sep}base${sep}bar.js`, attributes: [] },
- ]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('resolves relative imports relative to the relative import base', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/base-1/base-2/',
- rootDir: '/base-1/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([
- { importPath: `${sep}base-1${sep}base-2${sep}foo.js`, attributes: [] },
- { importPath: `${sep}base-1${sep}bar.js`, attributes: [] },
- ]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('extracts all inline modules from a html document', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(cleanupInlineModules(inlineModules)).to.eql([
- {
- importPath: '/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
- code: js`/* my module 1 */`,
- attributes: [],
- },
- {
- importPath: '/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
- code: js`/* my module 2 */`,
- attributes: [],
- },
- ]);
- expect(moduleImports).to.eql([]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('prefixes inline module with index.html directory', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/foo/bar/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(cleanupInlineModules(inlineModules)).to.eql([
- {
- importPath: '/foo/bar/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
- code: js`/* my module 1 */`,
- attributes: [],
- },
- {
- importPath: '/foo/bar/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
- code: js`/* my module 2 */`,
- attributes: [],
- },
- ]);
- expect(moduleImports).to.eql([]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('ignores absolute paths', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([{ importPath: `${sep}bar.js`, attributes: [] }]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
-
- after
-
-
- `);
- });
-});
diff --git a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
index e7cf8d6478..e69de29bb2 100644
--- a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
@@ -1,360 +0,0 @@
-import { expect } from 'chai';
-import {
- getEntrypointBundles,
- createImportPath,
-} from '../../../src/output/getEntrypointBundles.js';
-import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.js';
-
-describe('createImportPath()', () => {
- it('creates a relative import path', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('./foo.js');
- });
-
- it('handles files output in a different directory', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist/legacy',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('./legacy/foo.js');
- });
-
- it('handles directory in filename', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'legacy/foo.js',
- }),
- ).to.equal('./legacy/foo.js');
- });
-
- it('allows configuring a public path', () => {
- expect(
- createImportPath({
- publicPath: 'static',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('./static/foo.js');
- });
-
- it('allows configuring an absolute public path', () => {
- expect(
- createImportPath({
- publicPath: '/static',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/foo.js');
- });
-
- it('allows configuring an absolute public path with just a /', () => {
- expect(
- createImportPath({
- publicPath: '/',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/foo.js');
- });
-
- it('allows configuring an absolute public path with a trailing /', () => {
- expect(
- createImportPath({
- publicPath: '/static/public/',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/public/foo.js');
- });
-
- it('respects a different output dir when configuring a public path', () => {
- expect(
- createImportPath({
- publicPath: '/static',
- outputDir: 'dist',
- fileOutputDir: 'dist/legacy',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/legacy/foo.js');
- });
-
- it('when html is output in a directory, creates a relative path from the html file to the js file', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'pages/index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('../foo.js');
- });
-
- it('when html is output in a directory and absolute path is set, creates a direct path from the root to the js file', () => {
- expect(
- createImportPath({
- publicPath: '/static/',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'pages/index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/foo.js');
- });
-});
-
-describe('getEntrypointBundles()', () => {
- const defaultBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- ];
-
- const inputModuleIds: ScriptModuleTag[] = [
- { importPath: '/root/app.js' },
- { importPath: '/root/foo.js' },
- ];
-
- const defaultOptions = {
- pluginOptions: {},
- inputModuleIds,
- outputDir: 'dist',
- htmlFileName: 'index.html',
- generatedBundles: defaultBundles,
- };
-
- it('generates entrypoints for a simple project', async () => {
- const output = await getEntrypointBundles(defaultOptions);
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.options).to.equal(defaultBundles[0].options);
- expect(output.default.bundle).to.equal(defaultBundles[0].bundle);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints[0].chunk).to.equal(defaultBundles[0].bundle['app.js']);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('does not output non-entrypoints', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- isEntry: false,
- fileName: 'not-app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- ];
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('does not output non-chunks', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- // @ts-ignore
- isEntry: true,
- fileName: 'not-app.js',
- facadeModuleId: '/root/app.js',
- type: 'asset',
- },
- },
- },
- ];
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('matches on facadeModuleId', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- isEntry: true,
- fileName: 'not-app.js',
- facadeModuleId: '/root/not-app.js',
- type: 'chunk',
- },
- },
- },
- ];
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('returns all entrypoints when no input module ids are given', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- isEntry: true,
- fileName: 'not-app.js',
- facadeModuleId: '/root/not-app.js',
- type: 'chunk',
- },
- },
- },
- ];
-
- const inputModuleIds: ScriptModuleTag[] = [
- { importPath: '/root/app.js' },
- { importPath: '/root/not-app.js' },
- ];
-
- const output = await getEntrypointBundles({
- ...defaultOptions,
- inputModuleIds,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(2);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js', './not-app.js']);
- });
-
- it('generates entrypoint for multiple bundles', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'modern',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- {
- name: 'legacy',
- options: { format: 'es', dir: 'dist/legacy' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- ];
-
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
-
- expect(Object.keys(output).length).to.equal(2);
- expect(output.modern.options).to.equal(generatedBundles[0].options);
- expect(output.legacy.options).to.equal(generatedBundles[1].options);
- expect(output.modern.bundle).to.equal(generatedBundles[0].bundle);
- expect(output.legacy.bundle).to.equal(generatedBundles[1].bundle);
- expect(output.modern.entrypoints.length).to.equal(1);
- expect(output.modern.entrypoints[0].chunk).to.equal(generatedBundles[0].bundle['app.js']);
- expect(output.modern.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- expect(output.legacy.entrypoints.length).to.equal(1);
- expect(output.legacy.entrypoints[0].chunk).to.equal(generatedBundles[1].bundle['app.js']);
- expect(output.legacy.entrypoints.map(e => e.importPath)).to.eql(['./legacy/app.js']);
- });
-
- it('allows configuring a public path', async () => {
- const output = await getEntrypointBundles({
- ...defaultOptions,
- pluginOptions: { publicPath: '/static' },
- });
-
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['/static/app.js']);
- });
-});
diff --git a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
index 024635e434..e69de29bb2 100644
--- a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
@@ -1,246 +0,0 @@
-import { expect } from 'chai';
-import path from 'path';
-import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.js';
-import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.js';
-import { html } from '../../utils.js';
-
-describe('getOutputHTML()', () => {
- const defaultEntrypointBundles: RecordInput HTML
`, - name: 'index.html', - moduleImports: [], - assets: [], - inlineModules: [], - }, - defaultInjectDisabled: false, - injectServiceWorker: false, - serviceWorkerPath: '', - strictCSPInlineScripts: false, - }; - - it('injects output into the input HTML', async () => { - const output = await getOutputHTML(defaultOptions); - expect(html`${output}`).to.equal(html` - - - -Input HTML
- - - - - `); - }); - - it('generates a HTML file for multiple rollup bundles', async () => { - const entrypointBundles: RecordInput HTML
- - - - - - - `); - }); - - it('can transform html output', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - pluginOptions: { - ...defaultOptions.pluginOptions, - transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), - }, - }); - - expect(html`${output}`).to.equal(html` - - - -Transformed Input HTML
- - - - - `); - }); - - it('allows setting multiple html transform functions', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - pluginOptions: { - ...defaultOptions.pluginOptions, - transformHtml: [ - html => html.replace('Input HTML', 'Transformed Input HTML'), - html => html.replace(/h1/g, 'h2'), - ], - }, - }); - - expect(html`${output}`).to.equal(html` - - - -Transformed Input HTML
- - - - - `); - }); - - it('can combine external and regular transform functions', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - pluginOptions: { - ...defaultOptions.pluginOptions, - transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), - }, - externalTransformHtmlFns: [html => html.replace(/h1/g, 'h2')], - }); - - expect(html`${output}`).to.equal(html` - - - -Transformed Input HTML
- - - - - `); - }); - - it('can disable default injection', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - defaultInjectDisabled: true, - }); - - expect(html`${output}`).to.equal(html` - - - -Input HTML
- - - `); - }); - - it('can converts absolute urls to full absolute urls', async () => { - const rootDir = path.resolve(__dirname, '..', '..', 'fixtures', 'assets'); - const hashed = new MapHello world
- - - `); - - injectBundles(document, [ - { - options: { format: 'es' }, - entrypoints: [ - { - importPath: 'app.js', - // @ts-ignore - chunk: {}, - }, - ], - }, - ]); - - const htmlWithBundles = serialize(document); - - expect(html`${htmlWithBundles}`).to.eql(html` - - - -Hello world
- - - - `); - }); - - it('can inject multiple bundles', () => { - const document = parse(html` - - - -Hello world
- - - `); - - injectBundles(document, [ - // @ts-ignore - { - options: { format: 'es' }, - entrypoints: [ - { - importPath: './app.js', - // @ts-ignore - chunk: null, - }, - ], - }, - // @ts-ignore - { - options: { format: 'iife' }, - entrypoints: [ - { - importPath: '/scripts/script.js', - // @ts-ignore - chunk: null, - }, - ], - }, - ]); - - const htmlWithBundles = serialize(document); - - expect(html`${htmlWithBundles}`).to.eql(html` - - - -Hello world
- - - - - `); - }); -}); diff --git a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts index 9e720b1577..e69de29bb2 100644 --- a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts +++ b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts @@ -1,386 +0,0 @@ -import { expect } from 'chai'; -import path from 'path'; -import { parse, serialize } from 'parse5'; -import { html } from '../../utils.js'; -import { InputData } from '../../../src/input/InputData.js'; - -import { injectedUpdatedAssetPaths } from '../../../src/output/injectedUpdatedAssetPaths.js'; - -describe('injectedUpdatedAssetPaths()', () => { - it('injects updated asset paths', () => { - const document = parse(html` - - - - - -
- 
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- filePath: '/root/index.html',
- };
- const hashed = new Map
- 
-
-
-
- `);
- });
-
- it('handles a picture tag using source tags with srcset', () => {
- const document = parse(html`
-
-
-
- 
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- };
- const hashed = new Map
-
-
-
- `);
- });
-
- it('handles HTML files in a sub directory', () => {
- const document = parse(html`
-
-
-
-
-
- 
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'foo/index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- filePath: '/root/foo/index.html',
- };
- const hashed = new Map
- 
-
-
- `);
- });
-
- it('handles virtual HTML files in a sub directory', () => {
- const document = parse(html`
-
-
-
-
-
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'foo/index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- };
- const hashed = new Map
-
-
-
- `);
- });
-
- it('prefixes a publicpath', () => {
- const document = parse(html`
-
-
-
-
-
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- filePath: '/root/index.html',
- };
- const hashed = new Map
- 
-
-
- `);
- });
-});
diff --git a/packages/rollup-plugin-html/tsconfig.json b/packages/rollup-plugin-html/tsconfig.json
index 4b7a7f52c4..13ad2390c0 100644
--- a/packages/rollup-plugin-html/tsconfig.json
+++ b/packages/rollup-plugin-html/tsconfig.json
@@ -3,7 +3,6 @@
{
"extends": "../../tsconfig.node-base.json",
"compilerOptions": {
- "module": "commonjs",
"outDir": "./dist",
"rootDir": "./src",
"composite": true,
diff --git a/packages/rollup-plugin-import-meta-assets/tsconfig.json b/packages/rollup-plugin-import-meta-assets/tsconfig.json
index ed459265dd..a49a57d91b 100644
--- a/packages/rollup-plugin-import-meta-assets/tsconfig.json
+++ b/packages/rollup-plugin-import-meta-assets/tsconfig.json
@@ -3,7 +3,6 @@
{
"extends": "../../tsconfig.node-base.json",
"compilerOptions": {
- "module": "node16",
"moduleResolution": "node16",
"outDir": "./dist",
"rootDir": "./src",
diff --git a/packages/rollup-plugin-polyfills-loader/src/createPolyfillsLoaderConfig.ts b/packages/rollup-plugin-polyfills-loader/src/createPolyfillsLoaderConfig.ts
index dae87d3f5b..516ca35a5e 100644
--- a/packages/rollup-plugin-polyfills-loader/src/createPolyfillsLoaderConfig.ts
+++ b/packages/rollup-plugin-polyfills-loader/src/createPolyfillsLoaderConfig.ts
@@ -2,8 +2,8 @@ import { EntrypointBundle } from '@web/rollup-plugin-html';
import { PolyfillsLoaderConfig, FileType, fileTypes } from '@web/polyfills-loader';
import { ModuleFormat } from 'rollup';
-import { RollupPluginPolyfillsLoaderConfig } from './types';
-import { createError } from './utils.js';
+import { RollupPluginPolyfillsLoaderConfig } from './types.ts';
+import { createError } from './utils.ts';
export function formatToFileType(format: ModuleFormat) {
switch (format) {
diff --git a/packages/rollup-plugin-polyfills-loader/src/index.ts b/packages/rollup-plugin-polyfills-loader/src/index.ts
index c17f274c70..a3136f0034 100644
--- a/packages/rollup-plugin-polyfills-loader/src/index.ts
+++ b/packages/rollup-plugin-polyfills-loader/src/index.ts
@@ -1,4 +1,4 @@
-import { polyfillsLoader } from './rollupPluginPolyfillsLoader.js';
+import { polyfillsLoader } from './rollupPluginPolyfillsLoader.ts';
export default polyfillsLoader;
export { polyfillsLoader };
diff --git a/packages/rollup-plugin-polyfills-loader/src/rollupPluginPolyfillsLoader.ts b/packages/rollup-plugin-polyfills-loader/src/rollupPluginPolyfillsLoader.ts
index 7fe2085997..877252a4b0 100644
--- a/packages/rollup-plugin-polyfills-loader/src/rollupPluginPolyfillsLoader.ts
+++ b/packages/rollup-plugin-polyfills-loader/src/rollupPluginPolyfillsLoader.ts
@@ -3,9 +3,9 @@ import { Plugin } from 'rollup';
import { GeneratedFile, injectPolyfillsLoader, File, fileTypes } from '@web/polyfills-loader';
import path from 'path';
-import { RollupPluginPolyfillsLoaderConfig } from './types';
-import { createError, shouldInjectLoader } from './utils.js';
-import { createPolyfillsLoaderConfig, formatToFileType } from './createPolyfillsLoaderConfig.js';
+import { RollupPluginPolyfillsLoaderConfig } from './types.ts';
+import { createError, shouldInjectLoader } from './utils.ts';
+import { createPolyfillsLoaderConfig, formatToFileType } from './createPolyfillsLoaderConfig.ts';
export function polyfillsLoader(pluginOptions: RollupPluginPolyfillsLoaderConfig = {}): Plugin {
let generatedFiles: GeneratedFile[] | undefined;
diff --git a/packages/rollup-plugin-polyfills-loader/tsconfig.json b/packages/rollup-plugin-polyfills-loader/tsconfig.json
index 0775fcc8ee..400f0c6aed 100644
--- a/packages/rollup-plugin-polyfills-loader/tsconfig.json
+++ b/packages/rollup-plugin-polyfills-loader/tsconfig.json
@@ -3,7 +3,6 @@
{
"extends": "../../tsconfig.node-base.json",
"compilerOptions": {
- "module": "commonjs",
"outDir": "./dist",
"rootDir": "./src",
"composite": true,
diff --git a/packages/rollup-plugin-workbox/tsconfig.json b/packages/rollup-plugin-workbox/tsconfig.json
index 9bc06410a7..88555ee93a 100644
--- a/packages/rollup-plugin-workbox/tsconfig.json
+++ b/packages/rollup-plugin-workbox/tsconfig.json
@@ -3,7 +3,6 @@
{
"extends": "../../tsconfig.node-base.json",
"compilerOptions": {
- "module": "commonjs",
"outDir": "./dist",
"rootDir": "./src",
"composite": true,
diff --git a/packages/storybook-builder/src/generate-app-script.ts b/packages/storybook-builder/src/generate-app-script.ts
index c88ec59f0a..d915f09ac8 100644
--- a/packages/storybook-builder/src/generate-app-script.ts
+++ b/packages/storybook-builder/src/generate-app-script.ts
@@ -3,7 +3,7 @@
import { normalizePath } from '@rollup/pluginutils';
import { loadPreviewOrConfigFile } from '@storybook/core-common';
import type { Options, PreviewAnnotation } from '@storybook/types';
-import { virtualSetupAddonsFilename, virtualStoriesFilename } from './virtual-file-names.js';
+import { virtualSetupAddonsFilename, virtualStoriesFilename } from './virtual-file-names.ts';
export async function generateAppScript(options: Options) {
const { presets, configDir } = options;
diff --git a/packages/storybook-builder/src/generate-iframe-html.ts b/packages/storybook-builder/src/generate-iframe-html.ts
index 8f4e2235d3..27d94cffb8 100644
--- a/packages/storybook-builder/src/generate-iframe-html.ts
+++ b/packages/storybook-builder/src/generate-iframe-html.ts
@@ -3,7 +3,7 @@
import { normalizeStories } from '@storybook/core-common';
import type { DocsOptions, Options, TagsOptions } from '@storybook/types';
import { readFile } from 'node:fs/promises';
-import { virtualAppFilename } from './virtual-file-names.js';
+import { virtualAppFilename } from './virtual-file-names.ts';
export type PreviewHtml = string | undefined;
diff --git a/packages/storybook-builder/src/generate-stories-script.ts b/packages/storybook-builder/src/generate-stories-script.ts
index 2069dd2402..e7d0461e46 100644
--- a/packages/storybook-builder/src/generate-stories-script.ts
+++ b/packages/storybook-builder/src/generate-stories-script.ts
@@ -3,7 +3,7 @@
import { normalizePath } from '@rollup/pluginutils';
import type { Options } from '@storybook/types';
import { relative } from 'node:path';
-import { listStories } from './list-stories';
+import { listStories } from './list-stories.ts';
export async function generateStoriesScript(options: Options): PromiseHello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: 'index.html', rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as object', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: { path: 'index.html' }, rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports changing file name', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: { path: 'index.html', name: 'foo.html' }, rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'foo.html', + }, + ]); + }); + + it('supports setting multiple inputs', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ + input: [{ path: 'index.html' }, { path: 'not-index.html' }], + rootDir, + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + { + filePath: path.join(rootDir, 'not-index.html'), + html: 'not-index.html
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'not-index.html', + }, + ]); + }); + + it('resolves modules relative to HTML file', () => { + const rootDir = createApp({ + 'src/index.html': html` + + +Hello world
+ + + + `, + 'src/app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: 'src/index.html', rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'src/index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'src', 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as rollup input string', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ rootDir }, 'index.html'); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as rollup input array', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ rootDir }, ['index.html']); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as rollup input array', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ rootDir }, ['index.html', 'not-index.html']); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + { + filePath: path.join(rootDir, 'not-index.html'), + html: 'not-index.html
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'not-index.html', + }, + ]); + }); + + it('supports setting input as rollup input object', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData( + { rootDir }, + { 'a.html': 'index.html', 'b.html': 'not-index.html' }, + ); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'a.html', + }, + { + filePath: path.join(rootDir, 'not-index.html'), + html: 'not-index.html
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'b.html', + }, + ]); + }); + + it('plugin input takes presedence over rollup input', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: 'index.html', rootDir }, 'not-index.html'); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('can set html string as input', () => { + const rootDir = createApp({ + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ + input: { + html: html` + + +HTML as string
+ + + + `, + }, + rootDir, + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: undefined, + html: 'HTMLasstring
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('can set multiple html strings as input', () => { + const rootDir = createApp({ + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ + rootDir, + input: [ + { + name: '1.html', + html: html` + + +HTML1
+ + + + `, + }, + { + name: '2.html', + html: html` + + +HTML2
+ + + `, + }, + ], + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: undefined, + html: 'HTML1
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: '1.html', + }, + { + filePath: undefined, + html: 'HTML2
', + inlineModules: [], + moduleImports: [], + assets: [], + name: '2.html', + }, + ]); + }); + + it('supports setting input to a glob', () => { + const rootDir = createApp({ + 'pages/page-a.html': html` + + +page-a.html
+ + + + + `, + 'pages/page-b.html': html` + + +page-b.html
+ + + + + `, + 'pages/page-c.html': html` + + +page-c.html
+ + + + + `, + 'pages/page-a.js': js` + export default 'page a'; + `, + 'pages/page-b.js': js` + export default 'page b'; + `, + 'pages/page-c.js': js` + export default 'page c'; + `, + 'pages/shared.js': js` + export default 'shared'; + `, + }); + const result = getInputData({ input: 'pages/**/*.html', rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'pages', 'page-c.html'), + html: 'page-c.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: 'page-c.html', + }, + { + filePath: path.join(rootDir, 'pages', 'page-b.html'), + html: 'page-b.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: 'page-b.html', + }, + { + filePath: path.join(rootDir, 'pages', 'page-a.html'), + html: 'page-a.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: 'page-a.html', + }, + ]); + }); + + it('supports not flattening output directories', () => { + const rootDir = createApp({ + 'pages/page-a.html': html` + + +page-a.html
+ + + + + `, + 'pages/page-b.html': html` + + +page-b.html
+ + + + + `, + 'pages/page-c.html': html` + + +page-c.html
+ + + + + `, + 'pages/page-a.js': js` + export default 'page a'; + `, + 'pages/page-b.js': js` + export default 'page b'; + `, + 'pages/page-c.js': js` + export default 'page c'; + `, + 'pages/shared.js': js` + export default 'shared'; + `, + }); + const result = getInputData({ input: 'pages/**/*.html', flattenOutput: false, rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'pages', 'page-c.html'), + html: 'page-c.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: `pages${path.sep}page-c.html`, + }, + { + filePath: path.join(rootDir, 'pages', 'page-b.html'), + html: 'page-b.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: `pages${path.sep}page-b.html`, + }, + { + filePath: path.join(rootDir, 'pages', 'page-a.html'), + html: 'page-a.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: `pages${path.sep}page-a.html`, + }, + ]); + }); + + it('supports pure HTML files', () => { + const rootDir = createApp({}); + const result = getInputData({ + rootDir, + input: { + html: html` + + +pure HTML
+ + + `, + }, + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: undefined, + html: 'pureHTML
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('throws when no files or html is given', () => { + const rootDir = createApp({}); + expect(() => getInputData({ rootDir })).to.throw(); + }); +}); diff --git a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts index e69de29bb2..3d3c1f7e07 100644 --- a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts +++ b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts @@ -0,0 +1,400 @@ +import { expect } from 'chai'; +import { parse } from 'parse5'; +import path from 'path'; +import { extractAssets } from '../../../../src/input/extract/extractAssets.ts'; +import { html, css, js, svg, createApp, cleanApp } from '../../../utils.ts'; + +describe('extractAssets', () => { + afterEach(() => { + cleanApp(); + }); + + it('extracts assets from a document', () => { + const rootDir = createApp({ + 'image-a.png': 'image-a.png', + 'image-b.png': 'image-b.png', + 'image-c.png': 'image-c.png', + 'image-a.svg': svg``, + 'image-b.svg': svg``, + 'image-c.svg': svg``, + 'styles.css': css` + :root { + color: blue; + } + `, + 'webmanifest.json': { message: 'hello world' }, + }); + + const document = parse(html` + + + + + + + + + + +
+
+
+
+
+
+ `);
+ const assets = extractAssets({
+ document,
+ htmlFilePath: path.join(rootDir, 'index.html'),
+ htmlDir: rootDir,
+ rootDir,
+ extractAssets: true,
+ });
+
+ const assetsWithoutcontent = assets.map(a => ({ ...a, content: undefined }));
+ expect(assetsWithoutcontent).to.eql([
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-a.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-b.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'webmanifest.json'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-a.svg'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'styles.css'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-c.svg'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-c.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-b.svg'),
+ hashed: true,
+ },
+ ]);
+ });
+
+ it('reads file sources', () => {
+ const rootDir = createApp({
+ 'image-a.svg': svg``,
+ 'image-b.svg': svg``,
+ 'styles.css': css`
+ :root {
+ color: blue;
+ }
+ `,
+ 'webmanifest.json': { message: 'hello world' },
+ });
+
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `);
+ const assets = extractAssets({
+ document,
+ htmlFilePath: path.join(rootDir, 'index.html'),
+ htmlDir: rootDir,
+ rootDir,
+ extractAssets: true,
+ });
+
+ const transformedAssets = assets.map(asset => ({
+ ...asset,
+ content: asset.content.toString('utf-8').replace(/\s/g, ''),
+ }));
+ expect(transformedAssets).to.eql([
+ {
+ content: '{"message":"helloworld"}',
+ filePath: path.join(rootDir, 'webmanifest.json'),
+ hashed: true,
+ },
+ {
+ content: '
+
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([
+ { importPath: `${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}bar.js`, attributes: [] },
+ ]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('does not touch non module scripts', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+
+
+ after
+
+
+ `);
+ });
+
+ it('resolves imports relative to the root dir', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/base/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([
+ { importPath: `${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}base${sep}bar.js`, attributes: [] },
+ ]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('resolves relative imports relative to the relative import base', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/base-1/base-2/',
+ rootDir: '/base-1/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([
+ { importPath: `${sep}base-1${sep}base-2${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}base-1${sep}bar.js`, attributes: [] },
+ ]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('extracts all inline modules from a html document', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(cleanupInlineModules(inlineModules)).to.eql([
+ {
+ importPath: '/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
+ code: js`/* my module 1 */`,
+ attributes: [],
+ },
+ {
+ importPath: '/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
+ code: js`/* my module 2 */`,
+ attributes: [],
+ },
+ ]);
+ expect(moduleImports).to.eql([]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('prefixes inline module with index.html directory', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/foo/bar/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(cleanupInlineModules(inlineModules)).to.eql([
+ {
+ importPath: '/foo/bar/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
+ code: js`/* my module 1 */`,
+ attributes: [],
+ },
+ {
+ importPath: '/foo/bar/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
+ code: js`/* my module 2 */`,
+ attributes: [],
+ },
+ ]);
+ expect(moduleImports).to.eql([]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('ignores absolute paths', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([{ importPath: `${sep}bar.js`, attributes: [] }]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+
+ after
+
+
+ `);
+ });
+});
diff --git a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
index e69de29bb2..619398e0b9 100644
--- a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
@@ -0,0 +1,360 @@
+import { expect } from 'chai';
+import {
+ getEntrypointBundles,
+ createImportPath,
+} from '../../../src/output/getEntrypointBundles.ts';
+import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
+
+describe('createImportPath()', () => {
+ it('creates a relative import path', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./foo.js');
+ });
+
+ it('handles files output in a different directory', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./legacy/foo.js');
+ });
+
+ it('handles directory in filename', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'legacy/foo.js',
+ }),
+ ).to.equal('./legacy/foo.js');
+ });
+
+ it('allows configuring a public path', () => {
+ expect(
+ createImportPath({
+ publicPath: 'static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./static/foo.js');
+ });
+
+ it('allows configuring an absolute public path', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/foo.js');
+ });
+
+ it('allows configuring an absolute public path with just a /', () => {
+ expect(
+ createImportPath({
+ publicPath: '/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/foo.js');
+ });
+
+ it('allows configuring an absolute public path with a trailing /', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static/public/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/public/foo.js');
+ });
+
+ it('respects a different output dir when configuring a public path', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/legacy/foo.js');
+ });
+
+ it('when html is output in a directory, creates a relative path from the html file to the js file', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('../foo.js');
+ });
+
+ it('when html is output in a directory and absolute path is set, creates a direct path from the root to the js file', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/foo.js');
+ });
+});
+
+describe('getEntrypointBundles()', () => {
+ const defaultBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/foo.js' },
+ ];
+
+ const defaultOptions = {
+ pluginOptions: {},
+ inputModuleIds,
+ outputDir: 'dist',
+ htmlFileName: 'index.html',
+ generatedBundles: defaultBundles,
+ };
+
+ it('generates entrypoints for a simple project', async () => {
+ const output = await getEntrypointBundles(defaultOptions);
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.options).to.equal(defaultBundles[0].options);
+ expect(output.default.bundle).to.equal(defaultBundles[0].bundle);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints[0].chunk).to.equal(defaultBundles[0].bundle['app.js']);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('does not output non-entrypoints', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: false,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('does not output non-chunks', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ // @ts-ignore
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'asset',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('matches on facadeModuleId', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('returns all entrypoints when no input module ids are given', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/not-app.js' },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ inputModuleIds,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(2);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js', './not-app.js']);
+ });
+
+ it('generates entrypoint for multiple bundles', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'modern',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ {
+ name: 'legacy',
+ options: { format: 'es', dir: 'dist/legacy' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+
+ expect(Object.keys(output).length).to.equal(2);
+ expect(output.modern.options).to.equal(generatedBundles[0].options);
+ expect(output.legacy.options).to.equal(generatedBundles[1].options);
+ expect(output.modern.bundle).to.equal(generatedBundles[0].bundle);
+ expect(output.legacy.bundle).to.equal(generatedBundles[1].bundle);
+ expect(output.modern.entrypoints.length).to.equal(1);
+ expect(output.modern.entrypoints[0].chunk).to.equal(generatedBundles[0].bundle['app.js']);
+ expect(output.modern.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ expect(output.legacy.entrypoints.length).to.equal(1);
+ expect(output.legacy.entrypoints[0].chunk).to.equal(generatedBundles[1].bundle['app.js']);
+ expect(output.legacy.entrypoints.map(e => e.importPath)).to.eql(['./legacy/app.js']);
+ });
+
+ it('allows configuring a public path', async () => {
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ pluginOptions: { publicPath: '/static' },
+ });
+
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['/static/app.js']);
+ });
+});
diff --git a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
index e69de29bb2..1ea660dc8c 100644
--- a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
@@ -0,0 +1,246 @@
+import { expect } from 'chai';
+import path from 'path';
+import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts';
+import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts';
+import { html } from '../../utils.ts';
+
+describe('getOutputHTML()', () => {
+ const defaultEntrypointBundles: RecordInput HTML
`, + name: 'index.html', + moduleImports: [], + assets: [], + inlineModules: [], + }, + defaultInjectDisabled: false, + injectServiceWorker: false, + serviceWorkerPath: '', + strictCSPInlineScripts: false, + }; + + it('injects output into the input HTML', async () => { + const output = await getOutputHTML(defaultOptions); + expect(html`${output}`).to.equal(html` + + + +Input HTML
+ + + + + `); + }); + + it('generates a HTML file for multiple rollup bundles', async () => { + const entrypointBundles: RecordInput HTML
+ + + + + + + `); + }); + + it('can transform html output', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + pluginOptions: { + ...defaultOptions.pluginOptions, + transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), + }, + }); + + expect(html`${output}`).to.equal(html` + + + +Transformed Input HTML
+ + + + + `); + }); + + it('allows setting multiple html transform functions', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + pluginOptions: { + ...defaultOptions.pluginOptions, + transformHtml: [ + html => html.replace('Input HTML', 'Transformed Input HTML'), + html => html.replace(/h1/g, 'h2'), + ], + }, + }); + + expect(html`${output}`).to.equal(html` + + + +Transformed Input HTML
+ + + + + `); + }); + + it('can combine external and regular transform functions', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + pluginOptions: { + ...defaultOptions.pluginOptions, + transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), + }, + externalTransformHtmlFns: [html => html.replace(/h1/g, 'h2')], + }); + + expect(html`${output}`).to.equal(html` + + + +Transformed Input HTML
+ + + + + `); + }); + + it('can disable default injection', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + defaultInjectDisabled: true, + }); + + expect(html`${output}`).to.equal(html` + + + +Input HTML
+ + + `); + }); + + it('can converts absolute urls to full absolute urls', async () => { + const rootDir = path.resolve(__dirname, '..', '..', 'fixtures', 'assets'); + const hashed = new MapHello world
+ + + `); + + injectBundles(document, [ + { + options: { format: 'es' }, + entrypoints: [ + { + importPath: 'app.js', + // @ts-ignore + chunk: {}, + }, + ], + }, + ]); + + const htmlWithBundles = serialize(document); + + expect(html`${htmlWithBundles}`).to.eql(html` + + + +Hello world
+ + + + `); + }); + + it('can inject multiple bundles', () => { + const document = parse(html` + + + +Hello world
+ + + `); + + injectBundles(document, [ + // @ts-ignore + { + options: { format: 'es' }, + entrypoints: [ + { + importPath: './app.js', + // @ts-ignore + chunk: null, + }, + ], + }, + // @ts-ignore + { + options: { format: 'iife' }, + entrypoints: [ + { + importPath: '/scripts/script.js', + // @ts-ignore + chunk: null, + }, + ], + }, + ]); + + const htmlWithBundles = serialize(document); + + expect(html`${htmlWithBundles}`).to.eql(html` + + + +Hello world
+ + + + + `); + }); +}); diff --git a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts index e69de29bb2..e9bccbfa4b 100644 --- a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts +++ b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts @@ -0,0 +1,386 @@ +import { expect } from 'chai'; +import path from 'path'; +import { parse, serialize } from 'parse5'; +import { html } from '../../utils.ts'; +import { InputData } from '../../../src/input/InputData.ts'; + +import { injectedUpdatedAssetPaths } from '../../../src/output/injectedUpdatedAssetPaths.ts'; + +describe('injectedUpdatedAssetPaths()', () => { + it('injects updated asset paths', () => { + const document = parse(html` + + + + + +
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/index.html',
+ };
+ const hashed = new Map
+
+
+
+
+ `);
+ });
+
+ it('handles a picture tag using source tags with srcset', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+
+ it('handles HTML files in a sub directory', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'foo/index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/foo/index.html',
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+
+ it('handles virtual HTML files in a sub directory', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'foo/index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+
+ it('prefixes a publicpath', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/index.html',
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+});
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts
index 3e15905d13..e82d59d517 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts
@@ -1,5 +1,5 @@
import { expect } from 'chai';
-import { createPolyfillsLoaderConfig } from '../../src/createPolyfillsLoaderConfig.js';
+import { createPolyfillsLoaderConfig } from '../../src/createPolyfillsLoaderConfig.ts';
describe('createPolyfillsLoaderConfig()', () => {
it('creates a config for a single module build', () => {
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts
index 65e86d6b35..a575c4a4c3 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts
@@ -4,7 +4,7 @@ import { expect } from 'chai';
import fs from 'fs';
import path from 'path';
import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
-import polyfillsLoader from '../../src/index.js';
+import polyfillsLoader from '../../src/index.ts';
type Output = (OutputChunk | OutputAsset)[];
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
index 22ca42691a..cdb8b4c5fc 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
@@ -1,6 +1,6 @@
import { expect } from 'chai';
import { fileTypes } from '@web/polyfills-loader';
-import { shouldInjectLoader } from '../../src/utils.js';
+import { shouldInjectLoader } from '../../src/utils.ts';
describe('shouldInjectLoader', () => {
it('returns true when modern contains non-module or script', () => {
diff --git a/packages/test-runner-chrome/test/chromeLauncher.test.ts b/packages/test-runner-chrome/test/chromeLauncher.test.ts
index 7e129d103a..6b68130715 100644
--- a/packages/test-runner-chrome/test/chromeLauncher.test.ts
+++ b/packages/test-runner-chrome/test/chromeLauncher.test.ts
@@ -1,5 +1,5 @@
-import { runIntegrationTests } from '../../../integration/test-runner/index.js';
-import { chromeLauncher } from '../src/index.js';
+import { runIntegrationTests } from '../../../integration/test-runner/index.ts';
+import { chromeLauncher } from '../src/index.ts';
describe('test-runner-chrome', function testRunnerChrome() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts b/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
index bc57f48537..61f7a36df1 100644
--- a/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
+++ b/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
@@ -3,7 +3,7 @@ import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { a11ySnapshotPlugin } from '../../src/a11ySnapshotPlugin.js';
+import { a11ySnapshotPlugin } from '../../src/a11ySnapshotPlugin.ts';
describe('a11ySnapshotPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts b/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
index 276b150650..154754f410 100644
--- a/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
+++ b/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
@@ -3,7 +3,7 @@ import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { emulateMediaPlugin } from '../../src/emulateMediaPlugin.js';
+import { emulateMediaPlugin } from '../../src/emulateMediaPlugin.ts';
describe('emulateMediaPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/file/filePlugin.test.ts b/packages/test-runner-commands/test/file/filePlugin.test.ts
index b53fc9007e..09c672eb9e 100644
--- a/packages/test-runner-commands/test/file/filePlugin.test.ts
+++ b/packages/test-runner-commands/test/file/filePlugin.test.ts
@@ -2,7 +2,7 @@ import path from 'path';
import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
-import { filePlugin } from '../../src/filePlugin.js';
+import { filePlugin } from '../../src/filePlugin.ts';
describe('filePlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts b/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
index dc22342bde..2661f05c99 100644
--- a/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
+++ b/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
@@ -3,7 +3,7 @@ import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { selectOptionPlugin } from '../../src/selectOptionPlugin.js';
+import { selectOptionPlugin } from '../../src/selectOptionPlugin.ts';
describe('selectOptionPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts b/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
index 3d823f37bd..0bcef18e19 100644
--- a/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
+++ b/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
@@ -3,7 +3,7 @@ import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { sendKeysPlugin } from '../../src/sendKeysPlugin.js';
+import { sendKeysPlugin } from '../../src/sendKeysPlugin.ts';
describe('sendKeysPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts b/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
index a3d2b81305..ab9fc81fd9 100644
--- a/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
+++ b/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
@@ -4,8 +4,8 @@ import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { webdriverLauncher } from '@web/test-runner-webdriver';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { sendMousePlugin } from '../../src/sendMousePlugin.js';
-import { startSeleniumServer } from '../selenium-server.js';
+import { sendMousePlugin } from '../../src/sendMousePlugin.ts';
+import { startSeleniumServer } from '../selenium-server.ts';
describe('sendMousePlugin', function test() {
this.timeout(50000);
diff --git a/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts b/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
index 47af2f2c94..eb9d372ce0 100644
--- a/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
+++ b/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
@@ -2,7 +2,7 @@ import path from 'path';
import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
-import { setUserAgentPlugin } from '../../src/setUserAgentPlugin.js';
+import { setUserAgentPlugin } from '../../src/setUserAgentPlugin.ts';
describe('setUserAgentPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts b/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
index 565efe6ffb..4c85069ca6 100644
--- a/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
+++ b/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
@@ -4,7 +4,7 @@ import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { setViewportPlugin } from '../../src/setViewportPlugin.js';
+import { setViewportPlugin } from '../../src/setViewportPlugin.ts';
describe('setViewportPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts b/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
index 4d52f8ca32..00375c3213 100644
--- a/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
+++ b/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
@@ -2,7 +2,7 @@ import path from 'path';
import { runTests } from '@web/test-runner-core/test-helpers';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { snapshotPlugin } from '../../src/snapshotPlugin.js';
+import { snapshotPlugin } from '../../src/snapshotPlugin.ts';
describe('snapshotPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-core/test/src/runner/TestRunner.test.ts b/packages/test-runner-core/test/src/runner/TestRunner.test.ts
index f19c3c860f..433e9863aa 100644
--- a/packages/test-runner-core/test/src/runner/TestRunner.test.ts
+++ b/packages/test-runner-core/test/src/runner/TestRunner.test.ts
@@ -1,16 +1,14 @@
-import { describe, it, beforeEach, afterEach } from 'node:test';
-import assert from 'node:assert/strict';
import * as hanbi from 'hanbi';
+import { expect } from 'chai';
import portfinder from 'portfinder';
import path from 'path';
-const __dirname = import.meta.dirname;
-import { BrowserLauncher } from '../../../src/browser-launcher/BrowserLauncher.js';
-import { TestRunnerCoreConfig } from '../../../src/config/TestRunnerCoreConfig.js';
-import { TestRunner } from '../../../src/runner/TestRunner.js';
-import { Logger } from '../../../src/logger/Logger.js';
-import { SESSION_STATUS } from '../../../src/test-session/TestSessionStatus.js';
-import { TestRunnerGroupConfig } from '../../../src/index.js';
+import { BrowserLauncher } from '../../../src/browser-launcher/BrowserLauncher.ts';
+import { TestRunnerCoreConfig } from '../../../src/config/TestRunnerCoreConfig.ts';
+import { TestRunner } from '../../../src/runner/TestRunner.ts';
+import { Logger } from '../../../src/logger/Logger.ts';
+import { SESSION_STATUS } from '../../../src/test-session/TestSessionStatus.ts';
+import { TestRunnerGroupConfig } from '../../../src/index.ts';
interface BrowserStubs {
stop: hanbi.StubHello world
', + '', + '', + ].join(''), + ); + + injectBundles(document, [ + { + options: { format: 'es' }, + entrypoints: [ + { + importPath: 'app.js', + // @ts-ignore + chunk: {}, + }, + ], + }, + ]); + const expected = [ + // + '', + '', + '', + 'Hello world
', + '', + '', + '', + ].join(''); + + assert.strictEqual(serialize(document), expected); + }); + + it('can inject multiple bundles', () => { + const document = parse( + [ + // + '', + '', + '', + 'Hello world
', + '', + '', + ].join(''), + ); + + injectBundles(document, [ + // @ts-ignore + { + options: { format: 'es' }, + entrypoints: [ + { + importPath: './app.js', + // @ts-ignore + chunk: null, + }, + ], + }, + // @ts-ignore + { + options: { format: 'iife' }, + entrypoints: [ + { + importPath: '/scripts/script.js', + // @ts-ignore + chunk: null, + }, + ], + }, + ]); + const expected = [ + // + '', + '', + '', + 'Hello world
', + '', + '', + '', + '', + ].join(''); + + assert.strictEqual(serialize(document), expected); + }); +}); diff --git a/packages/rollup-plugin-html/test/src/input/InputData.test.ts b/packages/rollup-plugin-html/test/src/input/InputData.test.ts index f1fab22f99..5d68f7b838 100644 --- a/packages/rollup-plugin-html/test/src/input/InputData.test.ts +++ b/packages/rollup-plugin-html/test/src/input/InputData.test.ts @@ -1,9 +1,25 @@ import { expect } from 'chai'; import path from 'path'; -import { cleanApp, createApp, html, js } from '../../utils.js'; +<<<<<<< HEAD:packages/rollup-plugin-html/test/src/input/InputData.test.ts +import { cleanApp, createApp, html, js } from '../../utils.ts'; +||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/input/InputData.test.ts +import { cleanApp, createApp, html, js } from '../../utils.ts'; +======= +>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/input/InputData.test.ts -import { getInputData } from '../../../src/input/getInputData.js'; -import { InputData } from '../../../src/input/InputData.js'; +<<<<<<< HEAD:packages/rollup-plugin-html/test/src/input/InputData.test.ts +import { getInputData } from '../../../src/input/getInputData.ts'; +import { InputData } from '../../../src/input/InputData.ts'; +||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/input/InputData.test.ts +import { getInputData } from '../../../src/input/getInputData.ts'; +import { InputData } from '../../../src/input/InputData.ts'; +======= +import { getInputData } from '../../src/input/getInputData.ts'; +import type { InputData } from '../../src/input/InputData.ts'; + +const __dirname = import.meta.dirname; +const rootDir = path.join(__dirname, '..', 'fixtures', 'basic'); +>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/input/InputData.test.ts function cleanupHtml(str: string) { return str.replace(/(\r\n|\n|\r| )/gm, ''); diff --git a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts index 24a8dbd2bb..3d3c1f7e07 100644 --- a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts +++ b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts @@ -1,8 +1,8 @@ import { expect } from 'chai'; import { parse } from 'parse5'; import path from 'path'; -import { extractAssets } from '../../../../src/input/extract/extractAssets.js'; -import { html, css, js, svg, createApp, cleanApp } from '../../../utils.js'; +import { extractAssets } from '../../../../src/input/extract/extractAssets.ts'; +import { html, css, js, svg, createApp, cleanApp } from '../../../utils.ts'; describe('extractAssets', () => { afterEach(() => { diff --git a/packages/rollup-plugin-html/test/src/input/extract/extractModules.test.ts b/packages/rollup-plugin-html/test/src/input/extract/extractModules.test.ts index f560f339ee..7abf19c273 100644 --- a/packages/rollup-plugin-html/test/src/input/extract/extractModules.test.ts +++ b/packages/rollup-plugin-html/test/src/input/extract/extractModules.test.ts @@ -1,10 +1,10 @@ import path from 'path'; import { parse, serialize } from 'parse5'; import { expect } from 'chai'; -import { html, js } from '../../../utils.js'; +import { html, js } from '../../../utils.ts'; -import { extractModules } from '../../../../src/input/extract/extractModules.js'; -import { ScriptModuleTag } from '../../../../src/RollupPluginHTMLOptions.js'; +import { extractModules } from '../../../../src/input/extract/extractModules.ts'; +import { ScriptModuleTag } from '../../../../src/RollupPluginHTMLOptions.ts'; const { sep } = path; diff --git a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts index e7cf8d6478..5c4fec0be0 100644 --- a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts +++ b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts @@ -3,7 +3,14 @@ import { getEntrypointBundles, createImportPath, } from '../../../src/output/getEntrypointBundles.js'; -import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.js'; +import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts'; +||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts +} from '../../../src/output/getEntrypointBundles.ts'; +import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts'; +======= +} from '../../src/output/getEntrypointBundles.ts'; +import type { GeneratedBundle, ScriptModuleTag } from '../../src/RollupPluginHTMLOptions.ts'; +>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts describe('createImportPath()', () => { it('creates a relative import path', () => { diff --git a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts index 024635e434..3cc2e1da60 100644 --- a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts +++ b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts @@ -1,8 +1,20 @@ import { expect } from 'chai'; import path from 'path'; -import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.js'; -import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.js'; -import { html } from '../../utils.js'; +<<<<<<< HEAD:packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts +import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts'; +import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts'; +import { html } from '../../utils.ts'; +||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts +import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts'; +import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts'; +import { html } from '../../utils.ts'; +======= +import type { GetOutputHTMLParams } from '../../src/output/getOutputHTML.ts'; +import { getOutputHTML } from '../../src/output/getOutputHTML.ts'; +import type { EntrypointBundle } from '../../src/RollupPluginHTMLOptions.ts'; + +const __dirname = import.meta.dirname; +>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getOutputHTML.test.ts describe('getOutputHTML()', () => { const defaultEntrypointBundles: RecordHello world
', - '', - '', - ].join(''), - ); - - injectBundles(document, [ - { - options: { format: 'es' }, - entrypoints: [ - { - importPath: 'app.js', - // @ts-ignore - chunk: {}, - }, - ], - }, - ]); - const expected = [ - // - '', - '', - '', - 'Hello world
', - '', - '', - '', - ].join(''); - - assert.strictEqual(serialize(document), expected); - }); - - it('can inject multiple bundles', () => { - const document = parse( - [ - // - '', - '', - '', - 'Hello world
', - '', - '', - ].join(''), - ); - - injectBundles(document, [ - // @ts-ignore - { - options: { format: 'es' }, - entrypoints: [ - { - importPath: './app.js', - // @ts-ignore - chunk: null, - }, - ], - }, - // @ts-ignore - { - options: { format: 'iife' }, - entrypoints: [ - { - importPath: '/scripts/script.js', - // @ts-ignore - chunk: null, - }, - ], - }, - ]); - const expected = [ - // - '', - '', - '', - 'Hello world
', - '', - '', - '', - '', - ].join(''); - - assert.strictEqual(serialize(document), expected); - }); -}); From 183f4e715cb7c651f3bd91ecaf42ddea621f2e40 Mon Sep 17 00:00:00 2001 From: Benny PowersHello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: 'index.html', rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as object', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: { path: 'index.html' }, rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports changing file name', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: { path: 'index.html', name: 'foo.html' }, rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'foo.html', - }, - ]); - }); - - it('supports setting multiple inputs', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ - input: [{ path: 'index.html' }, { path: 'not-index.html' }], - rootDir, - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - { - filePath: path.join(rootDir, 'not-index.html'), - html: 'not-index.html
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'not-index.html', - }, - ]); - }); - - it('resolves modules relative to HTML file', () => { - const rootDir = createApp({ - 'src/index.html': html` - - -Hello world
- - - - `, - 'src/app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: 'src/index.html', rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'src/index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'src', 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as rollup input string', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ rootDir }, 'index.html'); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as rollup input array', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ rootDir }, ['index.html']); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('supports setting input as rollup input array', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ rootDir }, ['index.html', 'not-index.html']); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - { - filePath: path.join(rootDir, 'not-index.html'), - html: 'not-index.html
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'not-index.html', - }, - ]); - }); - - it('supports setting input as rollup input object', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData( - { rootDir }, - { 'a.html': 'index.html', 'b.html': 'not-index.html' }, - ); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'a.html', - }, - { - filePath: path.join(rootDir, 'not-index.html'), - html: 'not-index.html
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'b.html', - }, - ]); - }); - - it('plugin input takes presedence over rollup input', () => { - const rootDir = createApp({ - 'index.html': html` - - -Hello world
- - - - `, - 'not-index.html': html` - - -not-index.html
- - - `, - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ input: 'index.html', rootDir }, 'not-index.html'); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'index.html'), - html: 'Helloworld
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('can set html string as input', () => { - const rootDir = createApp({ - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ - input: { - html: html` - - -HTML as string
- - - - `, - }, - rootDir, - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: undefined, - html: 'HTMLasstring
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('can set multiple html strings as input', () => { - const rootDir = createApp({ - 'app.js': js` - console.log('hello world'); - `, - }); - const result = getInputData({ - rootDir, - input: [ - { - name: '1.html', - html: html` - - -HTML1
- - - - `, - }, - { - name: '2.html', - html: html` - - -HTML2
- - - `, - }, - ], - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: undefined, - html: 'HTML1
', - inlineModules: [], - moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], - assets: [], - name: '1.html', - }, - { - filePath: undefined, - html: 'HTML2
', - inlineModules: [], - moduleImports: [], - assets: [], - name: '2.html', - }, - ]); - }); - - it('supports setting input to a glob', () => { - const rootDir = createApp({ - 'pages/page-a.html': html` - - -page-a.html
- - - - - `, - 'pages/page-b.html': html` - - -page-b.html
- - - - - `, - 'pages/page-c.html': html` - - -page-c.html
- - - - - `, - 'pages/page-a.js': js` - export default 'page a'; - `, - 'pages/page-b.js': js` - export default 'page b'; - `, - 'pages/page-c.js': js` - export default 'page c'; - `, - 'pages/shared.js': js` - export default 'shared'; - `, - }); - const result = getInputData({ input: 'pages/**/*.html', rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'pages', 'page-c.html'), - html: 'page-c.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: 'page-c.html', - }, - { - filePath: path.join(rootDir, 'pages', 'page-b.html'), - html: 'page-b.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: 'page-b.html', - }, - { - filePath: path.join(rootDir, 'pages', 'page-a.html'), - html: 'page-a.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: 'page-a.html', - }, - ]); - }); - - it('supports not flattening output directories', () => { - const rootDir = createApp({ - 'pages/page-a.html': html` - - -page-a.html
- - - - - `, - 'pages/page-b.html': html` - - -page-b.html
- - - - - `, - 'pages/page-c.html': html` - - -page-c.html
- - - - - `, - 'pages/page-a.js': js` - export default 'page a'; - `, - 'pages/page-b.js': js` - export default 'page b'; - `, - 'pages/page-c.js': js` - export default 'page c'; - `, - 'pages/shared.js': js` - export default 'shared'; - `, - }); - const result = getInputData({ input: 'pages/**/*.html', flattenOutput: false, rootDir }); - expect(cleanupResult(result)).to.eql([ - { - filePath: path.join(rootDir, 'pages', 'page-c.html'), - html: 'page-c.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: `pages${path.sep}page-c.html`, - }, - { - filePath: path.join(rootDir, 'pages', 'page-b.html'), - html: 'page-b.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: `pages${path.sep}page-b.html`, - }, - { - filePath: path.join(rootDir, 'pages', 'page-a.html'), - html: 'page-a.html
', - inlineModules: [], - moduleImports: [ - { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, - { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, - ], - assets: [], - name: `pages${path.sep}page-a.html`, - }, - ]); - }); - - it('supports pure HTML files', () => { - const rootDir = createApp({}); - const result = getInputData({ - rootDir, - input: { - html: html` - - -pure HTML
- - - `, - }, - }); - expect(cleanupResult(result)).to.eql([ - { - filePath: undefined, - html: 'pureHTML
', - inlineModules: [], - moduleImports: [], - assets: [], - name: 'index.html', - }, - ]); - }); - - it('throws when no files or html is given', () => { - const rootDir = createApp({}); - expect(() => getInputData({ rootDir })).to.throw(); - }); -}); diff --git a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts index 3d3c1f7e07..e69de29bb2 100644 --- a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts +++ b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts @@ -1,400 +0,0 @@ -import { expect } from 'chai'; -import { parse } from 'parse5'; -import path from 'path'; -import { extractAssets } from '../../../../src/input/extract/extractAssets.ts'; -import { html, css, js, svg, createApp, cleanApp } from '../../../utils.ts'; - -describe('extractAssets', () => { - afterEach(() => { - cleanApp(); - }); - - it('extracts assets from a document', () => { - const rootDir = createApp({ - 'image-a.png': 'image-a.png', - 'image-b.png': 'image-b.png', - 'image-c.png': 'image-c.png', - 'image-a.svg': svg``, - 'image-b.svg': svg``, - 'image-c.svg': svg``, - 'styles.css': css` - :root { - color: blue; - } - `, - 'webmanifest.json': { message: 'hello world' }, - }); - - const document = parse(html` - - - - - - - - - - -
-
-
-
-
-
- `);
- const assets = extractAssets({
- document,
- htmlFilePath: path.join(rootDir, 'index.html'),
- htmlDir: rootDir,
- rootDir,
- extractAssets: true,
- });
-
- const assetsWithoutcontent = assets.map(a => ({ ...a, content: undefined }));
- expect(assetsWithoutcontent).to.eql([
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-a.png'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-b.png'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'webmanifest.json'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-a.svg'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'styles.css'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-c.svg'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-c.png'),
- hashed: true,
- },
- {
- content: undefined,
- filePath: path.join(rootDir, 'image-b.svg'),
- hashed: true,
- },
- ]);
- });
-
- it('reads file sources', () => {
- const rootDir = createApp({
- 'image-a.svg': svg``,
- 'image-b.svg': svg``,
- 'styles.css': css`
- :root {
- color: blue;
- }
- `,
- 'webmanifest.json': { message: 'hello world' },
- });
-
- const document = parse(html`
-
-
-
-
-
-
-
-
-
-
-
-
-
- `);
- const assets = extractAssets({
- document,
- htmlFilePath: path.join(rootDir, 'index.html'),
- htmlDir: rootDir,
- rootDir,
- extractAssets: true,
- });
-
- const transformedAssets = assets.map(asset => ({
- ...asset,
- content: asset.content.toString('utf-8').replace(/\s/g, ''),
- }));
- expect(transformedAssets).to.eql([
- {
- content: '{"message":"helloworld"}',
- filePath: path.join(rootDir, 'webmanifest.json'),
- hashed: true,
- },
- {
- content: '
-
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([
- { importPath: `${sep}foo.js`, attributes: [] },
- { importPath: `${sep}bar.js`, attributes: [] },
- ]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('does not touch non module scripts', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
-
-
- after
-
-
- `);
- });
-
- it('resolves imports relative to the root dir', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/base/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([
- { importPath: `${sep}foo.js`, attributes: [] },
- { importPath: `${sep}base${sep}bar.js`, attributes: [] },
- ]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('resolves relative imports relative to the relative import base', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/base-1/base-2/',
- rootDir: '/base-1/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([
- { importPath: `${sep}base-1${sep}base-2${sep}foo.js`, attributes: [] },
- { importPath: `${sep}base-1${sep}bar.js`, attributes: [] },
- ]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('extracts all inline modules from a html document', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(cleanupInlineModules(inlineModules)).to.eql([
- {
- importPath: '/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
- code: js`/* my module 1 */`,
- attributes: [],
- },
- {
- importPath: '/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
- code: js`/* my module 2 */`,
- attributes: [],
- },
- ]);
- expect(moduleImports).to.eql([]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('prefixes inline module with index.html directory', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/foo/bar/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(cleanupInlineModules(inlineModules)).to.eql([
- {
- importPath: '/foo/bar/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
- code: js`/* my module 1 */`,
- attributes: [],
- },
- {
- importPath: '/foo/bar/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
- code: js`/* my module 2 */`,
- attributes: [],
- },
- ]);
- expect(moduleImports).to.eql([]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
- after
-
-
- `);
- });
-
- it('ignores absolute paths', () => {
- const document = parse(html`
- before
-
-
- after
- `);
-
- const { moduleImports, inlineModules } = extractModules({
- document,
- htmlDir: '/',
- rootDir: '/',
- });
- const htmlWithoutModules = serialize(document);
-
- expect(inlineModules.length).to.equal(0);
- expect(moduleImports).to.eql([{ importPath: `${sep}bar.js`, attributes: [] }]);
- expect(html`${htmlWithoutModules}`).to.eql(html`
-
-
-
- before
-
- after
-
-
- `);
- });
-});
diff --git a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
index 5c4fec0be0..e69de29bb2 100644
--- a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
@@ -1,367 +0,0 @@
-import { expect } from 'chai';
-import {
- getEntrypointBundles,
- createImportPath,
-} from '../../../src/output/getEntrypointBundles.js';
-import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
-||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
-} from '../../../src/output/getEntrypointBundles.ts';
-import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
-=======
-} from '../../src/output/getEntrypointBundles.ts';
-import type { GeneratedBundle, ScriptModuleTag } from '../../src/RollupPluginHTMLOptions.ts';
->>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts
-
-describe('createImportPath()', () => {
- it('creates a relative import path', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('./foo.js');
- });
-
- it('handles files output in a different directory', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist/legacy',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('./legacy/foo.js');
- });
-
- it('handles directory in filename', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'legacy/foo.js',
- }),
- ).to.equal('./legacy/foo.js');
- });
-
- it('allows configuring a public path', () => {
- expect(
- createImportPath({
- publicPath: 'static',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('./static/foo.js');
- });
-
- it('allows configuring an absolute public path', () => {
- expect(
- createImportPath({
- publicPath: '/static',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/foo.js');
- });
-
- it('allows configuring an absolute public path with just a /', () => {
- expect(
- createImportPath({
- publicPath: '/',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/foo.js');
- });
-
- it('allows configuring an absolute public path with a trailing /', () => {
- expect(
- createImportPath({
- publicPath: '/static/public/',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/public/foo.js');
- });
-
- it('respects a different output dir when configuring a public path', () => {
- expect(
- createImportPath({
- publicPath: '/static',
- outputDir: 'dist',
- fileOutputDir: 'dist/legacy',
- htmlFileName: 'index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/legacy/foo.js');
- });
-
- it('when html is output in a directory, creates a relative path from the html file to the js file', () => {
- expect(
- createImportPath({
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'pages/index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('../foo.js');
- });
-
- it('when html is output in a directory and absolute path is set, creates a direct path from the root to the js file', () => {
- expect(
- createImportPath({
- publicPath: '/static/',
- outputDir: 'dist',
- fileOutputDir: 'dist',
- htmlFileName: 'pages/index.html',
- fileName: 'foo.js',
- }),
- ).to.equal('/static/foo.js');
- });
-});
-
-describe('getEntrypointBundles()', () => {
- const defaultBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- ];
-
- const inputModuleIds: ScriptModuleTag[] = [
- { importPath: '/root/app.js' },
- { importPath: '/root/foo.js' },
- ];
-
- const defaultOptions = {
- pluginOptions: {},
- inputModuleIds,
- outputDir: 'dist',
- htmlFileName: 'index.html',
- generatedBundles: defaultBundles,
- };
-
- it('generates entrypoints for a simple project', async () => {
- const output = await getEntrypointBundles(defaultOptions);
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.options).to.equal(defaultBundles[0].options);
- expect(output.default.bundle).to.equal(defaultBundles[0].bundle);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints[0].chunk).to.equal(defaultBundles[0].bundle['app.js']);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('does not output non-entrypoints', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- isEntry: false,
- fileName: 'not-app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- ];
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('does not output non-chunks', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- // @ts-ignore
- isEntry: true,
- fileName: 'not-app.js',
- facadeModuleId: '/root/app.js',
- type: 'asset',
- },
- },
- },
- ];
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('matches on facadeModuleId', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- isEntry: true,
- fileName: 'not-app.js',
- facadeModuleId: '/root/not-app.js',
- type: 'chunk',
- },
- },
- },
- ];
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- });
-
- it('returns all entrypoints when no input module ids are given', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'default',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- // @ts-ignore
- 'not-app.js': {
- isEntry: true,
- fileName: 'not-app.js',
- facadeModuleId: '/root/not-app.js',
- type: 'chunk',
- },
- },
- },
- ];
-
- const inputModuleIds: ScriptModuleTag[] = [
- { importPath: '/root/app.js' },
- { importPath: '/root/not-app.js' },
- ];
-
- const output = await getEntrypointBundles({
- ...defaultOptions,
- inputModuleIds,
- generatedBundles,
- });
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(2);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js', './not-app.js']);
- });
-
- it('generates entrypoint for multiple bundles', async () => {
- const generatedBundles: GeneratedBundle[] = [
- {
- name: 'modern',
- options: { format: 'es', dir: 'dist' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- {
- name: 'legacy',
- options: { format: 'es', dir: 'dist/legacy' },
- bundle: {
- // @ts-ignore
- 'app.js': {
- isEntry: true,
- fileName: 'app.js',
- facadeModuleId: '/root/app.js',
- type: 'chunk',
- },
- },
- },
- ];
-
- const output = await getEntrypointBundles({
- ...defaultOptions,
- generatedBundles,
- });
-
- expect(Object.keys(output).length).to.equal(2);
- expect(output.modern.options).to.equal(generatedBundles[0].options);
- expect(output.legacy.options).to.equal(generatedBundles[1].options);
- expect(output.modern.bundle).to.equal(generatedBundles[0].bundle);
- expect(output.legacy.bundle).to.equal(generatedBundles[1].bundle);
- expect(output.modern.entrypoints.length).to.equal(1);
- expect(output.modern.entrypoints[0].chunk).to.equal(generatedBundles[0].bundle['app.js']);
- expect(output.modern.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
- expect(output.legacy.entrypoints.length).to.equal(1);
- expect(output.legacy.entrypoints[0].chunk).to.equal(generatedBundles[1].bundle['app.js']);
- expect(output.legacy.entrypoints.map(e => e.importPath)).to.eql(['./legacy/app.js']);
- });
-
- it('allows configuring a public path', async () => {
- const output = await getEntrypointBundles({
- ...defaultOptions,
- pluginOptions: { publicPath: '/static' },
- });
-
- expect(Object.keys(output).length).to.equal(1);
- expect(output.default.entrypoints.length).to.equal(1);
- expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['/static/app.js']);
- });
-});
diff --git a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
index 3cc2e1da60..e69de29bb2 100644
--- a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
@@ -1,258 +0,0 @@
-import { expect } from 'chai';
-import path from 'path';
-<<<<<<< HEAD:packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
-import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts';
-import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts';
-import { html } from '../../utils.ts';
-||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
-import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts';
-import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts';
-import { html } from '../../utils.ts';
-=======
-import type { GetOutputHTMLParams } from '../../src/output/getOutputHTML.ts';
-import { getOutputHTML } from '../../src/output/getOutputHTML.ts';
-import type { EntrypointBundle } from '../../src/RollupPluginHTMLOptions.ts';
-
-const __dirname = import.meta.dirname;
->>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getOutputHTML.test.ts
-
-describe('getOutputHTML()', () => {
- const defaultEntrypointBundles: RecordInput HTML
`, - name: 'index.html', - moduleImports: [], - assets: [], - inlineModules: [], - }, - defaultInjectDisabled: false, - injectServiceWorker: false, - serviceWorkerPath: '', - strictCSPInlineScripts: false, - }; - - it('injects output into the input HTML', async () => { - const output = await getOutputHTML(defaultOptions); - expect(html`${output}`).to.equal(html` - - - -Input HTML
- - - - - `); - }); - - it('generates a HTML file for multiple rollup bundles', async () => { - const entrypointBundles: RecordInput HTML
- - - - - - - `); - }); - - it('can transform html output', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - pluginOptions: { - ...defaultOptions.pluginOptions, - transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), - }, - }); - - expect(html`${output}`).to.equal(html` - - - -Transformed Input HTML
- - - - - `); - }); - - it('allows setting multiple html transform functions', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - pluginOptions: { - ...defaultOptions.pluginOptions, - transformHtml: [ - html => html.replace('Input HTML', 'Transformed Input HTML'), - html => html.replace(/h1/g, 'h2'), - ], - }, - }); - - expect(html`${output}`).to.equal(html` - - - -Transformed Input HTML
- - - - - `); - }); - - it('can combine external and regular transform functions', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - pluginOptions: { - ...defaultOptions.pluginOptions, - transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), - }, - externalTransformHtmlFns: [html => html.replace(/h1/g, 'h2')], - }); - - expect(html`${output}`).to.equal(html` - - - -Transformed Input HTML
- - - - - `); - }); - - it('can disable default injection', async () => { - const output = await getOutputHTML({ - ...defaultOptions, - defaultInjectDisabled: true, - }); - - expect(html`${output}`).to.equal(html` - - - -Input HTML
- - - `); - }); - - it('can converts absolute urls to full absolute urls', async () => { - const rootDir = path.resolve(__dirname, '..', '..', 'fixtures', 'assets'); - const hashed = new MapHello world
- - - `); - - injectBundles(document, [ - { - options: { format: 'es' }, - entrypoints: [ - { - importPath: 'app.js', - // @ts-ignore - chunk: {}, - }, - ], - }, - ]); - - const htmlWithBundles = serialize(document); - - expect(html`${htmlWithBundles}`).to.eql(html` - - - -Hello world
- - - - `); - }); - - it('can inject multiple bundles', () => { - const document = parse(html` - - - -Hello world
- - - `); - - injectBundles(document, [ - // @ts-ignore - { - options: { format: 'es' }, - entrypoints: [ - { - importPath: './app.js', - // @ts-ignore - chunk: null, - }, - ], - }, - // @ts-ignore - { - options: { format: 'iife' }, - entrypoints: [ - { - importPath: '/scripts/script.js', - // @ts-ignore - chunk: null, - }, - ], - }, - ]); - - const htmlWithBundles = serialize(document); - - expect(html`${htmlWithBundles}`).to.eql(html` - - - -Hello world
- - - - - `); - }); -}); diff --git a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts index e9bccbfa4b..e69de29bb2 100644 --- a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts +++ b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts @@ -1,386 +0,0 @@ -import { expect } from 'chai'; -import path from 'path'; -import { parse, serialize } from 'parse5'; -import { html } from '../../utils.ts'; -import { InputData } from '../../../src/input/InputData.ts'; - -import { injectedUpdatedAssetPaths } from '../../../src/output/injectedUpdatedAssetPaths.ts'; - -describe('injectedUpdatedAssetPaths()', () => { - it('injects updated asset paths', () => { - const document = parse(html` - - - - - -
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- filePath: '/root/index.html',
- };
- const hashed = new Map
-
-
-
-
- `);
- });
-
- it('handles a picture tag using source tags with srcset', () => {
- const document = parse(html`
-
-
-
-
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- };
- const hashed = new Map
-
-
-
- `);
- });
-
- it('handles HTML files in a sub directory', () => {
- const document = parse(html`
-
-
-
-
-
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'foo/index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- filePath: '/root/foo/index.html',
- };
- const hashed = new Map
-
-
-
- `);
- });
-
- it('handles virtual HTML files in a sub directory', () => {
- const document = parse(html`
-
-
-
-
-
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'foo/index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- };
- const hashed = new Map
-
-
-
- `);
- });
-
- it('prefixes a publicpath', () => {
- const document = parse(html`
-
-
-
-
-
-
-
-
-
- `);
-
- const input: InputData = {
- html: '',
- name: 'index.html',
- moduleImports: [],
- inlineModules: [],
- assets: [],
- filePath: '/root/index.html',
- };
- const hashed = new Map
-
-
-
- `);
- });
-});
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts
index 3badfc056c..24887f5428 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/rollupPluginPolyfillsLoader.test.ts
@@ -3,7 +3,7 @@ import { OutputChunk, rollup, OutputAsset, RollupOptions, OutputOptions } from '
import { expect } from 'chai';
import fs from 'fs';
import path from 'path';
-import { rollupPluginHTML as html } from '@web/rollup-plugin-html.ts';
+import { rollupPluginHTML as html } from '@web/rollup-plugin-html.js';
import polyfillsLoader from '../../src/index.ts';
type Output = (OutputChunk | OutputAsset)[];
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
index 468bdf02bb..8fc9bee8f6 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
@@ -1,6 +1,6 @@
import { describe, it } from 'node:test';
import assert from 'node:assert/strict';
-import { fileTypes } from '@web/polyfills-loader.ts';
+import { fileTypes } from '@web/polyfills-loader.js';
import { shouldInjectLoader } from '../../src/utils.ts';
describe('shouldInjectLoader', () => {
diff --git a/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts b/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
index 6029b63d92..1e8c9e6139 100644
--- a/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
+++ b/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
@@ -1,7 +1,7 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { a11ySnapshotPlugin } from '../../dist/a11ySnapshotPlugin.ts';
diff --git a/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts b/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
index 1c33540d65..9c1b98cccb 100644
--- a/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
+++ b/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
@@ -1,7 +1,7 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { emulateMediaPlugin } from '../../dist/emulateMediaPlugin.ts';
diff --git a/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts b/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts
index 069904b9a0..66dca440bc 100644
--- a/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts
+++ b/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts
@@ -1,7 +1,7 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { Logger } from '@web/dev-server-core.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { Logger } from '@web/dev-server-core.js';
describe('executeServerCommand', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/file/filePlugin.test.ts b/packages/test-runner-commands/test/file/filePlugin.test.ts
index ce9bfe2703..690da46fb2 100644
--- a/packages/test-runner-commands/test/file/filePlugin.test.ts
+++ b/packages/test-runner-commands/test/file/filePlugin.test.ts
@@ -1,6 +1,6 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
import { filePlugin } from '../../dist/filePlugin.ts';
diff --git a/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts b/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
index 7d2fae128d..9d95879d9c 100644
--- a/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
+++ b/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
@@ -1,7 +1,7 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { selectOptionPlugin } from '../../dist/selectOptionPlugin.ts';
diff --git a/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts b/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
index 2dafd0eb82..e369a1f708 100644
--- a/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
+++ b/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
@@ -1,7 +1,7 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { sendKeysPlugin } from '../../dist/sendKeysPlugin.ts';
diff --git a/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts b/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
index 5d39a68020..aed5ac1517 100644
--- a/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
+++ b/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
@@ -1,9 +1,9 @@
import path from 'path';
import selenium from 'selenium-standalone';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { webdriverLauncher } from '@web/test-runner-webdriver.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { webdriverLauncher } from '@web/test-runner-webdriver.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { sendMousePlugin } from '../../dist/sendMousePlugin.ts';
import { startSeleniumServer } from '../selenium-server.ts';
diff --git a/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts b/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
index 2bfc440605..8ff8e88bbc 100644
--- a/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
+++ b/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
@@ -1,6 +1,6 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
import { setUserAgentPlugin } from '../../dist/setUserAgentPlugin.ts';
diff --git a/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts b/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
index 1104e0e39c..5638faac9a 100644
--- a/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
+++ b/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
@@ -1,8 +1,8 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { chromeLauncher } from '@web/test-runner-chrome.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { chromeLauncher } from '@web/test-runner-chrome.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { setViewportPlugin } from '../../dist/setViewportPlugin.ts';
diff --git a/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts b/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
index 0c688b82b5..0c8a330fec 100644
--- a/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
+++ b/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
@@ -1,6 +1,6 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
-import { playwrightLauncher } from '@web/test-runner-playwright.ts';
+import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { playwrightLauncher } from '@web/test-runner-playwright.js';
import { snapshotPlugin } from '../../dist/snapshotPlugin.ts';
diff --git a/packages/test-runner-core/src/cli/terminal/DynamicTerminal.ts b/packages/test-runner-core/src/cli/terminal/DynamicTerminal.ts
index 29ce26fed3..98b10442fa 100644
--- a/packages/test-runner-core/src/cli/terminal/DynamicTerminal.ts
+++ b/packages/test-runner-core/src/cli/terminal/DynamicTerminal.ts
@@ -11,7 +11,7 @@ interface EventMap {
}
export class DynamicTerminal extends EventEmitterHello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: 'index.html', rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as object', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: { path: 'index.html' }, rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports changing file name', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: { path: 'index.html', name: 'foo.html' }, rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'foo.html', + }, + ]); + }); + + it('supports setting multiple inputs', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ + input: [{ path: 'index.html' }, { path: 'not-index.html' }], + rootDir, + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + { + filePath: path.join(rootDir, 'not-index.html'), + html: 'not-index.html
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'not-index.html', + }, + ]); + }); + + it('resolves modules relative to HTML file', () => { + const rootDir = createApp({ + 'src/index.html': html` + + +Hello world
+ + + + `, + 'src/app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: 'src/index.html', rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'src/index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'src', 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as rollup input string', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ rootDir }, 'index.html'); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as rollup input array', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ rootDir }, ['index.html']); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('supports setting input as rollup input array', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ rootDir }, ['index.html', 'not-index.html']); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + { + filePath: path.join(rootDir, 'not-index.html'), + html: 'not-index.html
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'not-index.html', + }, + ]); + }); + + it('supports setting input as rollup input object', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData( + { rootDir }, + { 'a.html': 'index.html', 'b.html': 'not-index.html' }, + ); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'a.html', + }, + { + filePath: path.join(rootDir, 'not-index.html'), + html: 'not-index.html
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'b.html', + }, + ]); + }); + + it('plugin input takes presedence over rollup input', () => { + const rootDir = createApp({ + 'index.html': html` + + +Hello world
+ + + + `, + 'not-index.html': html` + + +not-index.html
+ + + `, + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ input: 'index.html', rootDir }, 'not-index.html'); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'index.html'), + html: 'Helloworld
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('can set html string as input', () => { + const rootDir = createApp({ + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ + input: { + html: html` + + +HTML as string
+ + + + `, + }, + rootDir, + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: undefined, + html: 'HTMLasstring
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('can set multiple html strings as input', () => { + const rootDir = createApp({ + 'app.js': js` + console.log('hello world'); + `, + }); + const result = getInputData({ + rootDir, + input: [ + { + name: '1.html', + html: html` + + +HTML1
+ + + + `, + }, + { + name: '2.html', + html: html` + + +HTML2
+ + + `, + }, + ], + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: undefined, + html: 'HTML1
', + inlineModules: [], + moduleImports: [{ importPath: path.join(rootDir, 'app.js'), attributes: [] }], + assets: [], + name: '1.html', + }, + { + filePath: undefined, + html: 'HTML2
', + inlineModules: [], + moduleImports: [], + assets: [], + name: '2.html', + }, + ]); + }); + + it('supports setting input to a glob', () => { + const rootDir = createApp({ + 'pages/page-a.html': html` + + +page-a.html
+ + + + + `, + 'pages/page-b.html': html` + + +page-b.html
+ + + + + `, + 'pages/page-c.html': html` + + +page-c.html
+ + + + + `, + 'pages/page-a.js': js` + export default 'page a'; + `, + 'pages/page-b.js': js` + export default 'page b'; + `, + 'pages/page-c.js': js` + export default 'page c'; + `, + 'pages/shared.js': js` + export default 'shared'; + `, + }); + const result = getInputData({ input: 'pages/**/*.html', rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'pages', 'page-c.html'), + html: 'page-c.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: 'page-c.html', + }, + { + filePath: path.join(rootDir, 'pages', 'page-b.html'), + html: 'page-b.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: 'page-b.html', + }, + { + filePath: path.join(rootDir, 'pages', 'page-a.html'), + html: 'page-a.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: 'page-a.html', + }, + ]); + }); + + it('supports not flattening output directories', () => { + const rootDir = createApp({ + 'pages/page-a.html': html` + + +page-a.html
+ + + + + `, + 'pages/page-b.html': html` + + +page-b.html
+ + + + + `, + 'pages/page-c.html': html` + + +page-c.html
+ + + + + `, + 'pages/page-a.js': js` + export default 'page a'; + `, + 'pages/page-b.js': js` + export default 'page b'; + `, + 'pages/page-c.js': js` + export default 'page c'; + `, + 'pages/shared.js': js` + export default 'shared'; + `, + }); + const result = getInputData({ input: 'pages/**/*.html', flattenOutput: false, rootDir }); + expect(cleanupResult(result)).to.eql([ + { + filePath: path.join(rootDir, 'pages', 'page-c.html'), + html: 'page-c.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-c.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: `pages${path.sep}page-c.html`, + }, + { + filePath: path.join(rootDir, 'pages', 'page-b.html'), + html: 'page-b.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-b.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: `pages${path.sep}page-b.html`, + }, + { + filePath: path.join(rootDir, 'pages', 'page-a.html'), + html: 'page-a.html
', + inlineModules: [], + moduleImports: [ + { importPath: path.join(rootDir, 'pages', 'page-a.js'), attributes: [] }, + { importPath: path.join(rootDir, 'pages', 'shared.js'), attributes: [] }, + ], + assets: [], + name: `pages${path.sep}page-a.html`, + }, + ]); + }); + + it('supports pure HTML files', () => { + const rootDir = createApp({}); + const result = getInputData({ + rootDir, + input: { + html: html` + + +pure HTML
+ + + `, + }, + }); + expect(cleanupResult(result)).to.eql([ + { + filePath: undefined, + html: 'pureHTML
', + inlineModules: [], + moduleImports: [], + assets: [], + name: 'index.html', + }, + ]); + }); + + it('throws when no files or html is given', () => { + const rootDir = createApp({}); + expect(() => getInputData({ rootDir })).to.throw(); + }); +}); diff --git a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts index e69de29bb2..3d3c1f7e07 100644 --- a/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts +++ b/packages/rollup-plugin-html/test/src/input/extract/extractAssets.test.ts @@ -0,0 +1,400 @@ +import { expect } from 'chai'; +import { parse } from 'parse5'; +import path from 'path'; +import { extractAssets } from '../../../../src/input/extract/extractAssets.ts'; +import { html, css, js, svg, createApp, cleanApp } from '../../../utils.ts'; + +describe('extractAssets', () => { + afterEach(() => { + cleanApp(); + }); + + it('extracts assets from a document', () => { + const rootDir = createApp({ + 'image-a.png': 'image-a.png', + 'image-b.png': 'image-b.png', + 'image-c.png': 'image-c.png', + 'image-a.svg': svg``, + 'image-b.svg': svg``, + 'image-c.svg': svg``, + 'styles.css': css` + :root { + color: blue; + } + `, + 'webmanifest.json': { message: 'hello world' }, + }); + + const document = parse(html` + + + + + + + + + + +
+
+
+
+
+
+ `);
+ const assets = extractAssets({
+ document,
+ htmlFilePath: path.join(rootDir, 'index.html'),
+ htmlDir: rootDir,
+ rootDir,
+ extractAssets: true,
+ });
+
+ const assetsWithoutcontent = assets.map(a => ({ ...a, content: undefined }));
+ expect(assetsWithoutcontent).to.eql([
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-a.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-b.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'webmanifest.json'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-a.svg'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'styles.css'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-c.svg'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-c.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-b.svg'),
+ hashed: true,
+ },
+ ]);
+ });
+
+ it('reads file sources', () => {
+ const rootDir = createApp({
+ 'image-a.svg': svg``,
+ 'image-b.svg': svg``,
+ 'styles.css': css`
+ :root {
+ color: blue;
+ }
+ `,
+ 'webmanifest.json': { message: 'hello world' },
+ });
+
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `);
+ const assets = extractAssets({
+ document,
+ htmlFilePath: path.join(rootDir, 'index.html'),
+ htmlDir: rootDir,
+ rootDir,
+ extractAssets: true,
+ });
+
+ const transformedAssets = assets.map(asset => ({
+ ...asset,
+ content: asset.content.toString('utf-8').replace(/\s/g, ''),
+ }));
+ expect(transformedAssets).to.eql([
+ {
+ content: '{"message":"helloworld"}',
+ filePath: path.join(rootDir, 'webmanifest.json'),
+ hashed: true,
+ },
+ {
+ content: '
+
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([
+ { importPath: `${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}bar.js`, attributes: [] },
+ ]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('does not touch non module scripts', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+
+
+ after
+
+
+ `);
+ });
+
+ it('resolves imports relative to the root dir', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/base/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([
+ { importPath: `${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}base${sep}bar.js`, attributes: [] },
+ ]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('resolves relative imports relative to the relative import base', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/base-1/base-2/',
+ rootDir: '/base-1/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([
+ { importPath: `${sep}base-1${sep}base-2${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}base-1${sep}bar.js`, attributes: [] },
+ ]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('extracts all inline modules from a html document', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(cleanupInlineModules(inlineModules)).to.eql([
+ {
+ importPath: '/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
+ code: js`/* my module 1 */`,
+ attributes: [],
+ },
+ {
+ importPath: '/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
+ code: js`/* my module 2 */`,
+ attributes: [],
+ },
+ ]);
+ expect(moduleImports).to.eql([]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('prefixes inline module with index.html directory', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/foo/bar/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(cleanupInlineModules(inlineModules)).to.eql([
+ {
+ importPath: '/foo/bar/inline-module-80efb22c2d1ce27c40eae10611f7680f.js',
+ code: js`/* my module 1 */`,
+ attributes: [],
+ },
+ {
+ importPath: '/foo/bar/inline-module-b8a73bff59b998da13ce8a6801934f77.js',
+ code: js`/* my module 2 */`,
+ attributes: [],
+ },
+ ]);
+ expect(moduleImports).to.eql([]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+ after
+
+
+ `);
+ });
+
+ it('ignores absolute paths', () => {
+ const document = parse(html`
+ before
+
+
+ after
+ `);
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ expect(inlineModules.length).to.equal(0);
+ expect(moduleImports).to.eql([{ importPath: `${sep}bar.js`, attributes: [] }]);
+ expect(html`${htmlWithoutModules}`).to.eql(html`
+
+
+
+ before
+
+ after
+
+
+ `);
+ });
+});
diff --git a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
index e69de29bb2..ab630bd635 100644
--- a/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
@@ -0,0 +1,360 @@
+import { expect } from 'chai';
+import {
+ getEntrypointBundles,
+ createImportPath,
+} from '../../../src/output/getEntrypointBundles.js';
+import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
+
+describe('createImportPath()', () => {
+ it('creates a relative import path', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./foo.js');
+ });
+
+ it('handles files output in a different directory', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./legacy/foo.js');
+ });
+
+ it('handles directory in filename', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'legacy/foo.js',
+ }),
+ ).to.equal('./legacy/foo.js');
+ });
+
+ it('allows configuring a public path', () => {
+ expect(
+ createImportPath({
+ publicPath: 'static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./static/foo.js');
+ });
+
+ it('allows configuring an absolute public path', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/foo.js');
+ });
+
+ it('allows configuring an absolute public path with just a /', () => {
+ expect(
+ createImportPath({
+ publicPath: '/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/foo.js');
+ });
+
+ it('allows configuring an absolute public path with a trailing /', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static/public/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/public/foo.js');
+ });
+
+ it('respects a different output dir when configuring a public path', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/legacy/foo.js');
+ });
+
+ it('when html is output in a directory, creates a relative path from the html file to the js file', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('../foo.js');
+ });
+
+ it('when html is output in a directory and absolute path is set, creates a direct path from the root to the js file', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/foo.js');
+ });
+});
+
+describe('getEntrypointBundles()', () => {
+ const defaultBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/foo.js' },
+ ];
+
+ const defaultOptions = {
+ pluginOptions: {},
+ inputModuleIds,
+ outputDir: 'dist',
+ htmlFileName: 'index.html',
+ generatedBundles: defaultBundles,
+ };
+
+ it('generates entrypoints for a simple project', async () => {
+ const output = await getEntrypointBundles(defaultOptions);
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.options).to.equal(defaultBundles[0].options);
+ expect(output.default.bundle).to.equal(defaultBundles[0].bundle);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints[0].chunk).to.equal(defaultBundles[0].bundle['app.js']);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('does not output non-entrypoints', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: false,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('does not output non-chunks', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ // @ts-ignore
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'asset',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('matches on facadeModuleId', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('returns all entrypoints when no input module ids are given', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/not-app.js' },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ inputModuleIds,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(2);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js', './not-app.js']);
+ });
+
+ it('generates entrypoint for multiple bundles', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'modern',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ {
+ name: 'legacy',
+ options: { format: 'es', dir: 'dist/legacy' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+
+ expect(Object.keys(output).length).to.equal(2);
+ expect(output.modern.options).to.equal(generatedBundles[0].options);
+ expect(output.legacy.options).to.equal(generatedBundles[1].options);
+ expect(output.modern.bundle).to.equal(generatedBundles[0].bundle);
+ expect(output.legacy.bundle).to.equal(generatedBundles[1].bundle);
+ expect(output.modern.entrypoints.length).to.equal(1);
+ expect(output.modern.entrypoints[0].chunk).to.equal(generatedBundles[0].bundle['app.js']);
+ expect(output.modern.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ expect(output.legacy.entrypoints.length).to.equal(1);
+ expect(output.legacy.entrypoints[0].chunk).to.equal(generatedBundles[1].bundle['app.js']);
+ expect(output.legacy.entrypoints.map(e => e.importPath)).to.eql(['./legacy/app.js']);
+ });
+
+ it('allows configuring a public path', async () => {
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ pluginOptions: { publicPath: '/static' },
+ });
+
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['/static/app.js']);
+ });
+});
diff --git a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
index e69de29bb2..1ea660dc8c 100644
--- a/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+++ b/packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
@@ -0,0 +1,246 @@
+import { expect } from 'chai';
+import path from 'path';
+import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts';
+import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts';
+import { html } from '../../utils.ts';
+
+describe('getOutputHTML()', () => {
+ const defaultEntrypointBundles: RecordInput HTML
`, + name: 'index.html', + moduleImports: [], + assets: [], + inlineModules: [], + }, + defaultInjectDisabled: false, + injectServiceWorker: false, + serviceWorkerPath: '', + strictCSPInlineScripts: false, + }; + + it('injects output into the input HTML', async () => { + const output = await getOutputHTML(defaultOptions); + expect(html`${output}`).to.equal(html` + + + +Input HTML
+ + + + + `); + }); + + it('generates a HTML file for multiple rollup bundles', async () => { + const entrypointBundles: RecordInput HTML
+ + + + + + + `); + }); + + it('can transform html output', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + pluginOptions: { + ...defaultOptions.pluginOptions, + transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), + }, + }); + + expect(html`${output}`).to.equal(html` + + + +Transformed Input HTML
+ + + + + `); + }); + + it('allows setting multiple html transform functions', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + pluginOptions: { + ...defaultOptions.pluginOptions, + transformHtml: [ + html => html.replace('Input HTML', 'Transformed Input HTML'), + html => html.replace(/h1/g, 'h2'), + ], + }, + }); + + expect(html`${output}`).to.equal(html` + + + +Transformed Input HTML
+ + + + + `); + }); + + it('can combine external and regular transform functions', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + pluginOptions: { + ...defaultOptions.pluginOptions, + transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'), + }, + externalTransformHtmlFns: [html => html.replace(/h1/g, 'h2')], + }); + + expect(html`${output}`).to.equal(html` + + + +Transformed Input HTML
+ + + + + `); + }); + + it('can disable default injection', async () => { + const output = await getOutputHTML({ + ...defaultOptions, + defaultInjectDisabled: true, + }); + + expect(html`${output}`).to.equal(html` + + + +Input HTML
+ + + `); + }); + + it('can converts absolute urls to full absolute urls', async () => { + const rootDir = path.resolve(__dirname, '..', '..', 'fixtures', 'assets'); + const hashed = new MapHello world
+ + + `); + + injectBundles(document, [ + { + options: { format: 'es' }, + entrypoints: [ + { + importPath: 'app.js', + // @ts-ignore + chunk: {}, + }, + ], + }, + ]); + + const htmlWithBundles = serialize(document); + + expect(html`${htmlWithBundles}`).to.eql(html` + + + +Hello world
+ + + + `); + }); + + it('can inject multiple bundles', () => { + const document = parse(html` + + + +Hello world
+ + + `); + + injectBundles(document, [ + // @ts-ignore + { + options: { format: 'es' }, + entrypoints: [ + { + importPath: './app.js', + // @ts-ignore + chunk: null, + }, + ], + }, + // @ts-ignore + { + options: { format: 'iife' }, + entrypoints: [ + { + importPath: '/scripts/script.js', + // @ts-ignore + chunk: null, + }, + ], + }, + ]); + + const htmlWithBundles = serialize(document); + + expect(html`${htmlWithBundles}`).to.eql(html` + + + +Hello world
+ + + + + `); + }); +}); diff --git a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts index e69de29bb2..e9bccbfa4b 100644 --- a/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts +++ b/packages/rollup-plugin-html/test/src/output/injectedUpdatedAssetPaths.test.ts @@ -0,0 +1,386 @@ +import { expect } from 'chai'; +import path from 'path'; +import { parse, serialize } from 'parse5'; +import { html } from '../../utils.ts'; +import { InputData } from '../../../src/input/InputData.ts'; + +import { injectedUpdatedAssetPaths } from '../../../src/output/injectedUpdatedAssetPaths.ts'; + +describe('injectedUpdatedAssetPaths()', () => { + it('injects updated asset paths', () => { + const document = parse(html` + + + + + +
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/index.html',
+ };
+ const hashed = new Map
+
+
+
+
+ `);
+ });
+
+ it('handles a picture tag using source tags with srcset', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+
+ it('handles HTML files in a sub directory', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'foo/index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/foo/index.html',
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+
+ it('handles virtual HTML files in a sub directory', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'foo/index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+
+ it('prefixes a publicpath', () => {
+ const document = parse(html`
+
+
+
+
+
+
+
+
+
+ `);
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/index.html',
+ };
+ const hashed = new Map
+
+
+
+ `);
+ });
+});
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts
index 3e15905d13..e82d59d517 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/createPolyfillsLoaderConfig.test.ts
@@ -1,5 +1,5 @@
import { expect } from 'chai';
-import { createPolyfillsLoaderConfig } from '../../src/createPolyfillsLoaderConfig.js';
+import { createPolyfillsLoaderConfig } from '../../src/createPolyfillsLoaderConfig.ts';
describe('createPolyfillsLoaderConfig()', () => {
it('creates a config for a single module build', () => {
diff --git a/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts b/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
index 4dc116464a..cdb8b4c5fc 100644
--- a/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
+++ b/packages/rollup-plugin-polyfills-loader/test/src/utils.test.ts
@@ -1,5 +1,4 @@
-import { describe, it } from 'node:test';
-import assert from 'node:assert/strict';
+import { expect } from 'chai';
import { fileTypes } from '@web/polyfills-loader';
import { shouldInjectLoader } from '../../src/utils.ts';
diff --git a/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts b/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
index 9f1a8f6f91..61f7a36df1 100644
--- a/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
+++ b/packages/test-runner-commands/test/a11y-snapshot/a11ySnapshotPlugin.test.ts
@@ -1,9 +1,9 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { a11ySnapshotPlugin } from '../../dist/a11ySnapshotPlugin.ts';
+import { a11ySnapshotPlugin } from '../../src/a11ySnapshotPlugin.ts';
describe('a11ySnapshotPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts b/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
index 1ddd8941d1..154754f410 100644
--- a/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
+++ b/packages/test-runner-commands/test/emulate-media/emulateMediaPlugin.test.ts
@@ -1,9 +1,9 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { emulateMediaPlugin } from '../../dist/emulateMediaPlugin.ts';
+import { emulateMediaPlugin } from '../../src/emulateMediaPlugin.ts';
describe('emulateMediaPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts b/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts
index 49a21461a3..0ff8936b85 100644
--- a/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts
+++ b/packages/test-runner-commands/test/execute-server-command/executeServerCommand.test.ts
@@ -1,5 +1,5 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { Logger } from '@web/dev-server-core';
diff --git a/packages/test-runner-commands/test/file/filePlugin.test.ts b/packages/test-runner-commands/test/file/filePlugin.test.ts
index 77c7406568..09c672eb9e 100644
--- a/packages/test-runner-commands/test/file/filePlugin.test.ts
+++ b/packages/test-runner-commands/test/file/filePlugin.test.ts
@@ -1,8 +1,8 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
-import { filePlugin } from '../../dist/filePlugin.ts';
+import { filePlugin } from '../../src/filePlugin.ts';
describe('filePlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts b/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
index 721938e46f..2661f05c99 100644
--- a/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
+++ b/packages/test-runner-commands/test/select-option/selectOptionPlugin.test.ts
@@ -1,9 +1,9 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { selectOptionPlugin } from '../../dist/selectOptionPlugin.ts';
+import { selectOptionPlugin } from '../../src/selectOptionPlugin.ts';
describe('selectOptionPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts b/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
index 42200e482a..0bcef18e19 100644
--- a/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
+++ b/packages/test-runner-commands/test/send-keys/sendKeysPlugin.test.ts
@@ -1,9 +1,9 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { sendKeysPlugin } from '../../dist/sendKeysPlugin.ts';
+import { sendKeysPlugin } from '../../src/sendKeysPlugin.ts';
describe('sendKeysPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts b/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
index bdbef11e6d..ab9fc81fd9 100644
--- a/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
+++ b/packages/test-runner-commands/test/send-mouse/sendMousePlugin.test.ts
@@ -1,10 +1,10 @@
import path from 'path';
import selenium from 'selenium-standalone';
-import { runTests } from '@web/test-runner-core/test-helpers.ts';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { webdriverLauncher } from '@web/test-runner-webdriver';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { sendMousePlugin } from '../../dist/sendMousePlugin.ts';
+import { sendMousePlugin } from '../../src/sendMousePlugin.ts';
import { startSeleniumServer } from '../selenium-server.ts';
describe('sendMousePlugin', function test() {
diff --git a/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts b/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
index ad9cd67fff..eb9d372ce0 100644
--- a/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
+++ b/packages/test-runner-commands/test/set-user-agent/setUserAgentPlugin.test.ts
@@ -1,8 +1,8 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
-import { setUserAgentPlugin } from '../../dist/setUserAgentPlugin.ts';
+import { setUserAgentPlugin } from '../../src/setUserAgentPlugin.ts';
describe('setUserAgentPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts b/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
index 11cf8e1f06..4c85069ca6 100644
--- a/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
+++ b/packages/test-runner-commands/test/set-viewport/setViewportPlugin.test.ts
@@ -1,10 +1,10 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { chromeLauncher } from '@web/test-runner-chrome';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { setViewportPlugin } from '../../dist/setViewportPlugin.ts';
+import { setViewportPlugin } from '../../src/setViewportPlugin.ts';
describe('setViewportPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts b/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
index c786dfb4a8..00375c3213 100644
--- a/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
+++ b/packages/test-runner-commands/test/snapshot/snapshotPlugin.test.ts
@@ -1,8 +1,8 @@
import path from 'path';
-import { runTests } from '@web/test-runner-core/test-helpers.js';
+import { runTests } from '@web/test-runner-core/test-helpers';
import { playwrightLauncher } from '@web/test-runner-playwright';
-import { snapshotPlugin } from '../../dist/snapshotPlugin.ts';
+import { snapshotPlugin } from '../../src/snapshotPlugin.ts';
describe('snapshotPlugin', function test() {
this.timeout(20000);
diff --git a/packages/test-runner-core/test/src/runner/TestRunner.test.ts b/packages/test-runner-core/test/src/runner/TestRunner.test.ts
index f19c3c860f..433e9863aa 100644
--- a/packages/test-runner-core/test/src/runner/TestRunner.test.ts
+++ b/packages/test-runner-core/test/src/runner/TestRunner.test.ts
@@ -1,16 +1,14 @@
-import { describe, it, beforeEach, afterEach } from 'node:test';
-import assert from 'node:assert/strict';
import * as hanbi from 'hanbi';
+import { expect } from 'chai';
import portfinder from 'portfinder';
import path from 'path';
-const __dirname = import.meta.dirname;
-import { BrowserLauncher } from '../../../src/browser-launcher/BrowserLauncher.js';
-import { TestRunnerCoreConfig } from '../../../src/config/TestRunnerCoreConfig.js';
-import { TestRunner } from '../../../src/runner/TestRunner.js';
-import { Logger } from '../../../src/logger/Logger.js';
-import { SESSION_STATUS } from '../../../src/test-session/TestSessionStatus.js';
-import { TestRunnerGroupConfig } from '../../../src/index.js';
+import { BrowserLauncher } from '../../../src/browser-launcher/BrowserLauncher.ts';
+import { TestRunnerCoreConfig } from '../../../src/config/TestRunnerCoreConfig.ts';
+import { TestRunner } from '../../../src/runner/TestRunner.ts';
+import { Logger } from '../../../src/logger/Logger.ts';
+import { SESSION_STATUS } from '../../../src/test-session/TestSessionStatus.ts';
+import { TestRunnerGroupConfig } from '../../../src/index.ts';
interface BrowserStubs {
stop: hanbi.Stub;
diff --git a/packages/rollup-plugin-import-meta-assets/test/integration.test.js b/packages/rollup-plugin-import-meta-assets/test/integration.test.js
index 88eb78b67e..9c1ac78be8 100644
--- a/packages/rollup-plugin-import-meta-assets/test/integration.test.js
+++ b/packages/rollup-plugin-import-meta-assets/test/integration.test.js
@@ -137,9 +137,8 @@ describe('rollup-plugin-import-meta-assets', () => {
it('multiple level bundle (upward modules)', async () => {
const config = {
input: {
- 'multi-level-bundle': require.resolve(
- './fixtures/one/two/three/four/multi-level-entrypoint-deep.js',
- ),
+ 'multi-level-bundle':
+ require.resolve('./fixtures/one/two/three/four/multi-level-entrypoint-deep.js'),
},
plugins: [importMetaAssets()],
};
@@ -159,9 +158,8 @@ describe('rollup-plugin-import-meta-assets', () => {
it('different asset levels', async () => {
const config = {
input: {
- 'different-asset-levels-bundle': require.resolve(
- './fixtures/one/two/different-asset-levels-entrypoint.js',
- ),
+ 'different-asset-levels-bundle':
+ require.resolve('./fixtures/one/two/different-asset-levels-entrypoint.js'),
},
plugins: [importMetaAssets()],
};
diff --git a/packages/storybook-builder/src/index.ts b/packages/storybook-builder/src/index.ts
index 7b7e720c57..e8ded83046 100644
--- a/packages/storybook-builder/src/index.ts
+++ b/packages/storybook-builder/src/index.ts
@@ -1,5 +1,6 @@
import * as _rollupPluginNodeResolve from '@rollup/plugin-node-resolve';
-const rollupPluginNodeResolve = (_rollupPluginNodeResolve as any).default ?? _rollupPluginNodeResolve;
+const rollupPluginNodeResolve =
+ (_rollupPluginNodeResolve as any).default ?? _rollupPluginNodeResolve;
import * as _rollupPluginReplace from '@rollup/plugin-replace';
const rollupPluginReplace = (_rollupPluginReplace as any).default ?? _rollupPluginReplace;
import { getBuilderOptions } from '@storybook/core-common';
diff --git a/packages/test-runner-junit-reporter/src/junitReporter.ts b/packages/test-runner-junit-reporter/src/junitReporter.ts
index 7ba8d5b79d..2e8c07e99b 100644
--- a/packages/test-runner-junit-reporter/src/junitReporter.ts
+++ b/packages/test-runner-junit-reporter/src/junitReporter.ts
@@ -79,11 +79,10 @@ const assignSessionAndSuitePropertiesToTests = ({
const assignToSuite =
(parentSuiteName: string) =>
- (suite: TestSuiteResult): TestResultWithMetadata[] =>
- [
- ...suite.tests.map(assignToTest(`${parentSuiteName} ${suite.name}`)),
- ...(suite.suites?.flatMap?.(assignToSuite(`${parentSuiteName} ${suite.name}`)) ?? []),
- ];
+ (suite: TestSuiteResult): TestResultWithMetadata[] => [
+ ...suite.tests.map(assignToTest(`${parentSuiteName} ${suite.name}`)),
+ ...(suite.suites?.flatMap?.(assignToSuite(`${parentSuiteName} ${suite.name}`)) ?? []),
+ ];
const suites = testResults?.suites ?? [];
diff --git a/packages/test-runner-mocha/rollup.config.mjs b/packages/test-runner-mocha/rollup.config.mjs
index f4b6f9a9d8..7f50affe61 100644
--- a/packages/test-runner-mocha/rollup.config.mjs
+++ b/packages/test-runner-mocha/rollup.config.mjs
@@ -84,7 +84,12 @@ export default [
'wds-socket': '/__web-dev-server__web-socket.js',
},
},
- plugins: [resolveMochaPlugin, rewriteDtsPlugin, rewriteWebSocketImportPlugin, stripRewriteImportExtensionPlugin],
+ plugins: [
+ resolveMochaPlugin,
+ rewriteDtsPlugin,
+ rewriteWebSocketImportPlugin,
+ stripRewriteImportExtensionPlugin,
+ ],
}),
deepmerge(createConfig('src/standalone.ts'), {
output: {
@@ -94,6 +99,11 @@ export default [
'wds-socket': '/__web-dev-server__web-socket.js',
},
},
- plugins: [resolveMochaPlugin, rewriteDtsPlugin, rewriteWebSocketImportPlugin, stripRewriteImportExtensionPlugin],
+ plugins: [
+ resolveMochaPlugin,
+ rewriteDtsPlugin,
+ rewriteWebSocketImportPlugin,
+ stripRewriteImportExtensionPlugin,
+ ],
}),
];
diff --git a/packages/test-runner-saucelabs/src/SauceLabsLauncherManager.ts b/packages/test-runner-saucelabs/src/SauceLabsLauncherManager.ts
index fbc1f7c2f7..336acfccf2 100644
--- a/packages/test-runner-saucelabs/src/SauceLabsLauncherManager.ts
+++ b/packages/test-runner-saucelabs/src/SauceLabsLauncherManager.ts
@@ -13,9 +13,12 @@ const { internalIpV4Sync } = _internalIp;
*/
export function withTimeout Hello world Helloworld Hello world Helloworld Hello world Helloworld Hello world not-index.html Helloworld not-index.html Hello world Helloworld Hello world Helloworld Hello world Helloworld Hello world not-index.html Helloworld not-index.html Hello world not-index.html Helloworld not-index.html Hello world not-index.html Helloworld HTML as string HTMLasstring HTML1 HTML2 HTML1 HTML2 page-a.html page-b.html page-c.html page-c.html page-b.html page-a.html page-a.html page-b.html page-c.html page-c.html page-b.html page-a.html pure HTML pureHTML Helloworld Helloworld Helloworld Helloworld not-index.html Foo Helloworld Helloworld Helloworld not-index.html Helloworld not-index.html Helloworld HTML as string HTMLasstring HTML1 HTML2 HTML1 HTML2 page-c.html page-b.html page-a.html page-c.html page-b.html page-a.html pure HTML pureHTML page-a.html page-b.html page-c.html page-a.html page-b.html page-c.html page-a.html page-b.html page-c.html');
+ assert.strictEqual(deserialized, 'HTMLDivElement: Hello world
');
});
it('handles ShadowRoot', async () => {
@@ -129,15 +129,15 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(element.shadowRoot);
});
const deserialized = await deserialize(serialized);
- expect(deserialized).to.equal('ShadowRoot: Hello world
Hello world
');
+ assert.strictEqual(deserialized, 'ShadowRoot: Hello world
');
});
it('handles RegExp', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize(/foo.*?\\/));
const deserialized = await deserialize(serialized);
- expect(deserialized instanceof RegExp).to.be.true;
- expect(deserialized.source).to.equal('foo.*?\\\\');
- expect(deserialized.flags).to.equal('');
+ assert.strictEqual(deserialized instanceof RegExp, true);
+ assert.strictEqual(deserialized.source, 'foo.*?\\\\');
+ assert.strictEqual(deserialized.flags, '');
});
it('handles RegExp with flags', async () => {
@@ -145,9 +145,9 @@ describe('serialize deserialize', function () {
(window as any)._serialize(new RegExp('foo.*?\\\\', 'g')),
);
const deserialized = await deserialize(serialized);
- expect(deserialized instanceof RegExp).to.be.true;
- expect(deserialized.source).to.equal('foo.*?\\\\');
- expect(deserialized.flags).to.equal('g');
+ assert.strictEqual(deserialized instanceof RegExp, true);
+ assert.strictEqual(deserialized.source, 'foo.*?\\\\');
+ assert.strictEqual(deserialized.flags, 'g');
});
it('handles URL', async () => {
@@ -155,7 +155,7 @@ describe('serialize deserialize', function () {
(window as any)._serialize(new URL('https://www.example.com')),
);
const deserialized = await deserialize(serialized);
- expect(deserialized).to.equal('https://www.example.com/');
+ assert.strictEqual(deserialized, 'https://www.example.com/');
});
it('handles URLSearchparams', async () => {
@@ -163,7 +163,7 @@ describe('serialize deserialize', function () {
(window as any)._serialize(new URLSearchParams('foo=bar&lorem=ipsum')),
);
const deserialized = await deserialize(serialized);
- expect(deserialized).to.equal('URLSearchParams: foo=bar&lorem=ipsum');
+ assert.strictEqual(deserialized, 'URLSearchParams: foo=bar&lorem=ipsum');
});
it('handles classes', async () => {
@@ -175,26 +175,27 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(new Foo());
});
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({ a: 1, b: 2 });
- expect(deserialized.constructor.name).to.equal('Foo');
+ assert.strictEqual(deserialized.a, 1);
+ assert.strictEqual(deserialized.b, 2);
+ assert.strictEqual(deserialized.constructor.name, 'Foo');
});
it('handles objects', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize({ a: 1, b: 2 }));
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({ a: 1, b: 2 });
+ assert.deepStrictEqual(deserialized, { a: 1, b: 2 });
});
it('handles arrays', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize([1, 2, 3]));
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql([1, 2, 3]);
+ assert.deepStrictEqual(deserialized, [1, 2, 3]);
});
it('handles objects', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize({ a: 1, b: 2 }));
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({ a: 1, b: 2 });
+ assert.deepStrictEqual(deserialized, { a: 1, b: 2 });
});
it('handles objects with methods', async () => {
@@ -213,14 +214,14 @@ describe('serialize deserialize', function () {
}),
);
const deserialized = await deserialize(serialized);
- expect(deserialized.foo).to.be.a('function');
- expect(deserialized.foo.name).to.equal('foo');
- expect(deserialized.bar).to.be.a('function');
- expect(deserialized.bar.name).to.equal('bar');
- expect(deserialized.baz).to.be.a('function');
- expect(deserialized.baz.name).to.equal('baz');
- expect(deserialized['my-element']).to.be.a('function');
- expect(deserialized['my-element'].name).to.equal('my-element');
+ assert.strictEqual(typeof deserialized.foo, 'function');
+ assert.strictEqual(deserialized.foo.name, 'foo');
+ assert.strictEqual(typeof deserialized.bar, 'function');
+ assert.strictEqual(deserialized.bar.name, 'bar');
+ assert.strictEqual(typeof deserialized.baz, 'function');
+ assert.strictEqual(deserialized.baz.name, 'baz');
+ assert.strictEqual(typeof deserialized['my-element'], 'function');
+ assert.strictEqual(deserialized['my-element'].name, 'my-element');
});
it('handles deep objects', async () => {
@@ -239,14 +240,14 @@ describe('serialize deserialize', function () {
}),
);
const deserialized = await deserialize(serialized);
- expect(deserialized.myNumber).to.equal(123);
- expect(deserialized.myString).to.equal('foo');
- expect(deserialized.myObject.myUrl).to.equal('http://www.example.com/');
- expect(deserialized.myObject.myMethod).to.be.a('function');
- expect(deserialized.myObject.myMethod.name).to.equal('myMethod');
- expect(deserialized.myObject.myRegExp).to.a('RegExp');
- expect(deserialized.myObject.myRegExp.source).to.equal('x');
- expect(deserialized.myArray).to.eql([1, '2']);
+ assert.strictEqual(deserialized.myNumber, 123);
+ assert.strictEqual(deserialized.myString, 'foo');
+ assert.strictEqual(deserialized.myObject.myUrl, 'http://www.example.com/');
+ assert.strictEqual(typeof deserialized.myObject.myMethod, 'function');
+ assert.strictEqual(deserialized.myObject.myMethod.name, 'myMethod');
+ assert.ok(deserialized.myObject.myRegExp instanceof RegExp);
+ assert.strictEqual(deserialized.myObject.myRegExp.source, 'x');
+ assert.deepStrictEqual(deserialized.myArray, [1, '2']);
});
it('handles deep arrays', async () => {
@@ -264,17 +265,17 @@ describe('serialize deserialize', function () {
]);
});
const deserialized = await deserialize(serialized);
- expect(deserialized[0]).to.equal(1);
- expect(deserialized[1]).to.equal('2');
- expect(deserialized[2]).to.a('RegExp');
- expect(deserialized[2].source).to.equal('x');
- expect(deserialized[3]).to.equal('http://www.example.com/');
- expect(deserialized[4]).to.equal('Symbol(foo)');
- expect(deserialized[5].a).to.equal(1);
- expect(deserialized[5].b).to.equal(2);
- expect(deserialized[5].c).to.equal('URLSearchParams: x=y');
- expect(deserialized[5].d).to.eql({ x: 'y' });
- expect(deserialized[5].d.constructor.name).to.equal('Foo');
+ assert.strictEqual(deserialized[0], 1);
+ assert.strictEqual(deserialized[1], '2');
+ assert.ok(deserialized[2] instanceof RegExp);
+ assert.strictEqual(deserialized[2].source, 'x');
+ assert.strictEqual(deserialized[3], 'http://www.example.com/');
+ assert.strictEqual(deserialized[4], 'Symbol(foo)');
+ assert.strictEqual(deserialized[5].a, 1);
+ assert.strictEqual(deserialized[5].b, 2);
+ assert.strictEqual(deserialized[5].c, 'URLSearchParams: x=y');
+ assert.strictEqual(deserialized[5].d.x, 'y');
+ assert.strictEqual(deserialized[5].d.constructor.name, 'Foo');
});
it('handles circular references', async () => {
@@ -284,7 +285,7 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(foo);
});
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({
+ assert.deepStrictEqual(deserialized, {
circular: '[Circular]',
});
});
@@ -298,7 +299,7 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(foo);
});
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({
+ assert.deepStrictEqual(deserialized, {
circular1: '[Circular]',
x: {
circular2: '[Circular]',
@@ -321,7 +322,7 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(foo);
});
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({ circulars: ['[Circular]', 'bar', '[Circular]'] });
+ assert.deepStrictEqual(deserialized, { circulars: ['[Circular]', 'bar', '[Circular]'] });
});
it('handles generated circular references', async () => {
@@ -332,8 +333,8 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(obj);
});
const deserialized = await deserialize(serialized);
- expect(deserialized.f).to.be.a('function');
- expect(deserialized.x).to.equal('[Circular]');
+ assert.strictEqual(typeof deserialized.f, 'function');
+ assert.strictEqual(deserialized.x, '[Circular]');
});
it('handles errors', async () => {
@@ -344,12 +345,11 @@ describe('serialize deserialize', function () {
return (window as any)._serialize(a());
});
const deserialized = await deserialize(serialized, defaultOptions);
- expect(deserialized).to.be.a('string');
- expect(deserialized).to.include('my error msg');
- expect(deserialized).to.include('2:29');
- expect(deserialized).to.include('3:29');
- expect(deserialized).to.include('4:29');
- expect(deserialized).to.include('5:38');
+ assert.strictEqual(typeof deserialized, 'string');
+ assert.ok(deserialized.includes('my error msg'));
+ assert.ok(deserialized.includes('2:23'));
+ assert.ok(deserialized.includes('3:23'));
+ assert.ok(deserialized.includes('4:23'));
});
it('handles errors in objects', async () => {
@@ -360,12 +360,11 @@ describe('serialize deserialize', function () {
return (window as any)._serialize({ myError: a() });
});
const deserialized = await deserialize(serialized, defaultOptions);
- expect(deserialized.myError).to.be.a('string');
- expect(deserialized.myError).to.include('my error msg');
- expect(deserialized.myError).to.include('2:29');
- expect(deserialized.myError).to.include('3:29');
- expect(deserialized.myError).to.include('4:29');
- expect(deserialized.myError).to.include('5:49');
+ assert.strictEqual(typeof deserialized.myError, 'string');
+ assert.ok(deserialized.myError.includes('my error msg'));
+ assert.ok(deserialized.myError.includes('2:23'));
+ assert.ok(deserialized.myError.includes('3:23'));
+ assert.ok(deserialized.myError.includes('4:23'));
});
it('handles errors in arrays', async () => {
@@ -376,21 +375,18 @@ describe('serialize deserialize', function () {
return (window as any)._serialize([a(), b(), c()]);
});
const deserialized = await deserialize(serialized, defaultOptions);
- expect(deserialized[0]).to.be.a('string');
- expect(deserialized[0]).to.include('my error msg');
- expect(deserialized[0]).to.include('2:29');
- expect(deserialized[0]).to.include('3:29');
- expect(deserialized[0]).to.include('4:29');
- expect(deserialized[0]).to.include('5:39');
- expect(deserialized[1]).to.be.a('string');
- expect(deserialized[1]).to.include('my error msg');
- expect(deserialized[1]).to.include('2:29');
- expect(deserialized[1]).to.include('3:29');
- expect(deserialized[1]).to.include('5:44');
- expect(deserialized[2]).to.be.a('string');
- expect(deserialized[2]).to.include('my error msg');
- expect(deserialized[2]).to.include('2:29');
- expect(deserialized[2]).to.include('5:49');
+ assert.strictEqual(typeof deserialized[0], 'string');
+ assert.ok(deserialized[0].includes('my error msg'));
+ assert.ok(deserialized[0].includes('2:23'));
+ assert.ok(deserialized[0].includes('3:23'));
+ assert.ok(deserialized[0].includes('4:23'));
+ assert.strictEqual(typeof deserialized[1], 'string');
+ assert.ok(deserialized[1].includes('my error msg'));
+ assert.ok(deserialized[1].includes('2:23'));
+ assert.ok(deserialized[1].includes('3:23'));
+ assert.strictEqual(typeof deserialized[2], 'string');
+ assert.ok(deserialized[2].includes('my error msg'));
+ assert.ok(deserialized[2].includes('2:23'));
});
it('can map stack trace locations', async () => {
@@ -404,9 +400,9 @@ describe('serialize deserialize', function () {
...defaultOptions,
mapStackLocation: l => ({ ...l, filePath: `${l.filePath}__MAPPED__`, line: 1, column: 2 }),
});
- expect(deserialized).to.be.a('string');
- expect(deserialized).to.include('my error msg');
- expect(deserialized).to.include(`__MAPPED__:1:2`);
+ assert.strictEqual(typeof deserialized, 'string');
+ assert.ok(deserialized.includes('my error msg'));
+ assert.ok(deserialized.includes(`__MAPPED__:1:2`));
});
it('mapped stack traces can be async', async () => {
@@ -423,9 +419,9 @@ describe('serialize deserialize', function () {
return { ...l, filePath: `${l.filePath}__MAPPED__`, line: 1, column: 2 };
},
});
- expect(deserialized).to.be.a('string');
- expect(deserialized).to.include('my error msg');
- expect(deserialized).to.include(`__MAPPED__:1:2`);
+ assert.strictEqual(typeof deserialized, 'string');
+ assert.ok(deserialized.includes('my error msg'));
+ assert.ok(deserialized.includes(`__MAPPED__:1:2`));
});
it('can define a cwd below current directory', async () => {
@@ -439,12 +435,11 @@ describe('serialize deserialize', function () {
...defaultOptions,
cwd: path.resolve(__dirname, '..'),
});
- expect(deserialized).to.be.a('string');
- expect(deserialized).to.include('my error msg');
- expect(deserialized).to.include(`2:29`);
- expect(deserialized).to.include(`3:29`);
- expect(deserialized).to.include(`4:29`);
- expect(deserialized).to.include(`5:38`);
+ assert.strictEqual(typeof deserialized, 'string');
+ assert.ok(deserialized.includes('my error msg'));
+ assert.ok(deserialized.includes(`2:23`));
+ assert.ok(deserialized.includes(`3:23`));
+ assert.ok(deserialized.includes(`4:23`));
});
it('can define a cwd above current directory', async () => {
@@ -458,30 +453,29 @@ describe('serialize deserialize', function () {
cwd: path.resolve(__dirname, '..', 'foo'),
browserRootDir: path.resolve(__dirname, '..'),
});
- expect(deserialized).to.be.a('string');
- expect(deserialized).to.include('my error msg');
- expect(deserialized).to.include(`2:29`);
- expect(deserialized).to.include(`3:29`);
- expect(deserialized).to.include(`4:29`);
- expect(deserialized).to.include(`5:38`);
+ assert.strictEqual(typeof deserialized, 'string');
+ assert.ok(deserialized.includes('my error msg'));
+ assert.ok(deserialized.includes(`2:23`));
+ assert.ok(deserialized.includes(`3:23`));
+ assert.ok(deserialized.includes(`4:23`));
});
it('handles null', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize(null));
const deserialized = await deserialize(serialized);
- expect(deserialized).to.equal(null);
+ assert.strictEqual(deserialized, null);
});
it('handles undefined', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize(undefined));
const deserialized = await deserialize(serialized);
- expect(deserialized).to.equal(undefined);
+ assert.strictEqual(deserialized, undefined);
});
it('handles undefined in an object', async () => {
const serialized = await page.evaluate(() => (window as any)._serialize({ x: undefined }));
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({ x: undefined });
+ assert.deepStrictEqual(deserialized, { x: undefined });
});
it('handles undefined in an array', async () => {
@@ -489,7 +483,7 @@ describe('serialize deserialize', function () {
(window as any)._serialize([1, undefined, '2', undefined]),
);
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql([1, undefined, '2', undefined]);
+ assert.deepStrictEqual(deserialized, [1, undefined, '2', undefined]);
});
it('handles multiple undefined values', async () => {
@@ -501,7 +495,7 @@ describe('serialize deserialize', function () {
}),
);
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql({
+ assert.deepStrictEqual(deserialized, {
a: { a1: undefined, a2: undefined, a3: { x: undefined } },
b: undefined,
c: { q: [1, undefined] },
@@ -513,7 +507,7 @@ describe('serialize deserialize', function () {
(window as any)._serialize(new Promise(resolve => resolve(1))),
);
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql('Promise { }');
+ assert.deepStrictEqual(deserialized, 'Promise { }');
});
it('handles errors thrown during serialization', async () => {
@@ -525,6 +519,6 @@ describe('serialize deserialize', function () {
}),
);
const deserialized = await deserialize(serialized);
- expect(deserialized).to.eql(null);
+ assert.deepStrictEqual(deserialized, null);
});
});
diff --git a/packages/config-loader/package.json b/packages/config-loader/package.json
index 5e87c01312..124e4e6233 100644
--- a/packages/config-loader/package.json
+++ b/packages/config-loader/package.json
@@ -20,8 +20,8 @@
},
"scripts": {
"build": "tsc",
- "test:node": "mocha test/**/*.test.js --reporter dot",
- "test:watch": "mocha test/**/*.test.js --watch --watch-files .,src,test --reporter dot"
+ "test:node": "node --test 'test/**/*.test.mjs'",
+ "test:watch": "node --test --watch 'test/**/*.test.mjs'"
},
"files": [
"*.d.ts",
diff --git a/packages/config-loader/test/fixtures/package-cjs/package.json b/packages/config-loader/test/fixtures/package-cjs/package.json
new file mode 100644
index 0000000000..5bbefffbab
--- /dev/null
+++ b/packages/config-loader/test/fixtures/package-cjs/package.json
@@ -0,0 +1,3 @@
+{
+ "type": "commonjs"
+}
diff --git a/packages/config-loader/test/index.test.mjs b/packages/config-loader/test/index.test.mjs
new file mode 100644
index 0000000000..dae9605ba4
--- /dev/null
+++ b/packages/config-loader/test/index.test.mjs
@@ -0,0 +1,158 @@
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+import path from 'path';
+import { readConfig } from '../dist/index.js';
+
+const __dirname = import.meta.dirname;
+const configName = 'my-project.config';
+const packageCjsPath = path.resolve(__dirname, 'fixtures', 'package-cjs');
+const packageMjsPath = path.resolve(__dirname, 'fixtures', 'package-mjs');
+
+async function expectThrowsOldNodeError(configPath) {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, configPath);
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are trying to load a config as es module but your version of node does not support it',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+}
+
+describe('cjs package', () => {
+ it('can load commonjs-in-.cjs', async () => {
+ const result = await readConfig(
+ configName,
+ undefined,
+ path.resolve(packageCjsPath, 'commonjs-in-.cjs'),
+ );
+ assert.deepStrictEqual(result, { foo: 'bar' });
+ });
+
+ it('can load commonjs-in-.js', async () => {
+ const result = await readConfig(
+ configName,
+ undefined,
+ path.resolve(packageCjsPath, 'commonjs-in-.js'),
+ );
+ assert.deepStrictEqual(result, { foo: 'bar' });
+ });
+
+ it('can load module-in-.mjs', async () => {
+ const result = await readConfig(
+ configName,
+ undefined,
+ path.resolve(packageCjsPath, 'module-in-.mjs'),
+ );
+ assert.deepStrictEqual(result, { foo: 'bar' });
+ });
+
+ it('throws when loading module-in-.cjs', async () => {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, path.resolve(packageCjsPath, 'module-in-.cjs'));
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are using es module syntax in a config loaded as CommonJS module.',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+ });
+
+ it('throws when loading module-in-.js', async () => {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, path.resolve(packageCjsPath, 'module-in-.js'));
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are using es module syntax in a config loaded as CommonJS module.',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+ });
+
+ it('throws when loading commonjs-in-.mjs', async () => {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, path.resolve(packageCjsPath, 'commonjs-in-.mjs'));
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are using CommonJS syntax such as "require" or "module.exports" in a config loaded as es module.',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+ });
+});
+
+describe('mjs package', () => {
+ it('can load commonjs-in-.cjs', async () => {
+ const result = await readConfig(
+ configName,
+ undefined,
+ path.resolve(packageMjsPath, 'commonjs-in-.cjs'),
+ );
+ assert.deepStrictEqual(result, { foo: 'bar' });
+ });
+
+ it('throws when loading commonjs-in-.js', async () => {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, path.resolve(packageMjsPath, 'commonjs-in-.js'));
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are using CommonJS syntax such as "require" or "module.exports" in a config loaded as es module.',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+ });
+
+ it('throws when loading commonjs-in-.mjs', async () => {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, path.resolve(packageMjsPath, 'commonjs-in-.mjs'));
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are using CommonJS syntax such as "require" or "module.exports" in a config loaded as es module.',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+ });
+
+ it('throws when loading module-in-.cjs', async () => {
+ let thrown = false;
+ try {
+ await readConfig(configName, undefined, path.resolve(packageCjsPath, 'module-in-.cjs'));
+ } catch (error) {
+ thrown = true;
+ assert.ok(error.message.includes(
+ 'You are using es module syntax in a config loaded as CommonJS module.',
+ ));
+ }
+ assert.strictEqual(thrown, true);
+ });
+
+ it('can load module-in-.js', async () => {
+ const result = await readConfig(
+ configName,
+ undefined,
+ path.resolve(packageMjsPath, 'module-in-.js'),
+ );
+ assert.deepStrictEqual(result, { foo: 'bar' });
+ });
+
+ it('can load module-in-.mjs', async () => {
+ const result = await readConfig(
+ configName,
+ undefined,
+ path.resolve(packageMjsPath, 'module-in-.mjs'),
+ );
+ assert.deepStrictEqual(result, { foo: 'bar' });
+ });
+});
diff --git a/packages/dev-server-core/package.json b/packages/dev-server-core/package.json
index 549d96b291..c2f3431a64 100644
--- a/packages/dev-server-core/package.json
+++ b/packages/dev-server-core/package.json
@@ -1,6 +1,5 @@
{
"name": "@web/dev-server-core",
- "type": "module",
"version": "0.7.5",
"publishConfig": {
"access": "public"
@@ -18,23 +17,21 @@
"exports": {
".": {
"types": "./index.d.ts",
- "default": "./dist/index.js"
+ "import": "./index.mjs",
+ "require": "./dist/index.js"
},
"./dist/dom5": {
"types": "./dist/dom5/index.d.ts",
- "default": "./dist/dom5/index.js"
+ "require": "./dist/dom5/index.js"
},
"./test-helpers": {
"types": "./test-helpers.d.ts",
- "default": "./dist/test-helpers.js"
- },
- "./test-helpers.js": {
- "types": "./test-helpers.d.ts",
- "default": "./dist/test-helpers.js"
+ "import": "./test-helpers.mjs",
+ "require": "./dist/test-helpers.js"
}
},
"engines": {
- "node": ">=24.0.0"
+ "node": ">=18.0.0"
},
"scripts": {
"build": "tsc",
@@ -42,13 +39,14 @@
"start:event-stream": "node demo/event-stream/start-server.js",
"start:http2": "node demo/http2/start-server.js",
"start:import-asset": "node demo/import-asset/start-server.js",
- "test": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --exit --reporter dot",
- "test:watch": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --watch --watch-files src,test"
+ "test": "node --test \"test/**/*.test.ts\"",
+ "test:watch": "node --test --watch \"test/**/*.test.ts\""
},
"files": [
".self-signed-dev-server-ssl.cert",
".self-signed-dev-server-ssl.key",
"*.d.ts",
+ "*.mjs",
"dist",
"src"
],
@@ -60,8 +58,8 @@
"core"
],
"dependencies": {
- "@types/koa": "^3.0.1",
- "@types/ws": "^8.5.13",
+ "@types/koa": "^2.11.6",
+ "@types/ws": "^7.4.0",
"@web/parse5-utils": "^2.1.0",
"chokidar": "^4.0.1",
"clone": "^2.1.2",
@@ -69,7 +67,7 @@
"get-stream": "^6.0.0",
"is-stream": "^2.0.0",
"isbinaryfile": "^5.0.0",
- "koa": "^3.1.1",
+ "koa": "^2.16.1",
"koa-etag": "^4.0.0",
"koa-send": "^5.0.1",
"koa-static": "^5.0.0",
@@ -77,12 +75,13 @@
"mime-types": "^2.1.27",
"parse5": "^6.0.1",
"picomatch": "^2.2.2",
- "ws": "^8.18.3"
+ "ws": "^7.5.10"
},
"devDependencies": {
"@types/clone": "^2.1.0",
- "@types/koa-etag": "^3.0.4",
- "@types/koa-static": "^4.0.4",
+ "@types/koa-etag": "^3.0.0",
+ "@types/koa-static": "^4.0.1",
+ "@types/parse5": "^6.0.1",
"abort-controller": "^3.0.0",
"express": "^4.21.2",
"nanoid": "^3.1.25",
diff --git a/packages/dev-server-core/test/helpers.ts b/packages/dev-server-core/test/helpers.ts
index c9e826faf0..31bf8cf8f3 100644
--- a/packages/dev-server-core/test/helpers.ts
+++ b/packages/dev-server-core/test/helpers.ts
@@ -5,8 +5,32 @@ import {
fetchText,
expectIncludes,
virtualFilesPlugin,
+<<<<<<< HEAD
+} from '../src/test-helpers.js';
+<<<<<<< HEAD
+import { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.ts';
+||||||| parent of aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.js';
+=======
+import { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.js';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+} from '../src/test-helpers.ts';
+import { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.ts';
+=======
+<<<<<<< HEAD
} from '../src/test-helpers.ts';
import { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.ts';
+||||||| parent of 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+} from '../src/test-helpers.js';
+import { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.js';
+=======
+} from '../src/test-helpers.ts';
+import type { DevServerCoreConfig } from '../src/server/DevServerCoreConfig.ts';
+
+const __dirname = import.meta.dirname;
+>>>>>>> 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
export function createTestServer(config: PartialHello world');
+ const myDiv = utils.findElement(doc, e => getAttribute(e, 'id') === 'myDiv');
+ if (!myDiv) throw new Error();
+ assert.strictEqual(getTextContent(myDiv), 'Hello world');
+ });
+
+ it('returns multiple nodes text', () => {
+ const doc = parse(
+ 'Top level',
+ );
+ const myDiv = utils.findElement(doc, e => getAttribute(e, 'id') === 'myDiv');
+ if (!myDiv) throw new Error();
+ assert.strictEqual(getTextContent(myDiv), 'Top levelBeforeABAfter');
+ });
+ });
+
+ describe('setTextContent()', () => {
+ it('sets the text of an element', () => {
+ const doc = parse('');
+ const el = utils.createElement('script');
+ utils.setTextContent(el, 'foo bar');
+ utils.appendChild(doc, el);
+ assert.strictEqual(
+ serialize(doc),
+ '',
+ );
+ });
+ });
+
+ describe('remove()', () => {
+ it('removes element from the AST', () => {
+ const doc = parse('');
+ const div = findElement(doc, e => utils.getAttribute(e, 'id') === 'myDiv');
+ if (!div) throw new Error('element not found');
+ utils.remove(div);
+ assert.strictEqual(serialize(doc), '');
+ });
+ });
+
+ describe('findElement()', () => {
+ it('returns a matching element', () => {
+ const doc = parse(`
+
+
+
+
+
+
+
+ `);
+ const found = utils.findElement(doc, el => utils.getAttribute(el, 'foo') === '2');
+ if (!found) {
+ throw new Error('No element found.');
+ }
+ assert.strictEqual(utils.getAttribute(found, 'foo'), '2');
+ });
+
+ it('returns the first match', () => {
+ const doc = parse(`
+
+
+
+
+
+
+
+ `);
+ const found = utils.findElement(doc, el => utils.getAttribute(el, 'foo') === 'bar');
+ if (!found) {
+ throw new Error('No element found.');
+ }
+ assert.strictEqual(utils.getAttribute(found, 'foo'), 'bar');
+ assert.strictEqual(utils.getAttribute(found, 'index'), '1');
+ });
+
+ it('returns nested elements', () => {
+ const doc = parse(`
+
+
+ BeforeABAfter
+
+
+
+
+
+
+ `);
+ const found = utils.findElement(doc, el => utils.getAttribute(el, 'id') === 'foo');
+ if (!found) {
+ throw new Error('No element found.');
+ }
+ assert.ok(found);
+ });
+ });
+
+ describe('findElements()', () => {
+ it('returns a single matched element', () => {
+ const doc = parse(`
+
+
+
+
+
+
+
+ `);
+ const found = utils.findElements(doc, el => utils.getAttribute(el, 'foo') === '2');
+ assert.strictEqual(found.length, 1);
+ assert.strictEqual(utils.getAttribute(found[0], 'foo'), '2');
+ });
+
+ it('returns multiple matched elements', () => {
+ const doc = parse(`
+
+
+
+
+
+
+
+ `);
+ const found = utils.findElements(doc, el => utils.getAttribute(el, 'foo') === 'bar');
+ assert.strictEqual(found.length, 3);
+ const indices = found.map(f => utils.getAttribute(f, 'index'));
+ assert.deepStrictEqual(indices, ['1', '2', '3']);
+ });
+
+ it('returns an empty array when there are no matches', () => {
+ const doc = parse(`
+
+
+
+
+
+
+
+ `);
+ const found = utils.findElements(doc, el => utils.hasAttribute(el, 'non-existing'));
+ assert.strictEqual(found.length, 0);
+ });
+
+ it('returns child elements within template elements', () => {
+ const doc = parse(`
+
+
+
+
+
+
+ Hello world
+ 
+
+
+
+ `);
+
+ const found = utils.findElements(doc, el => utils.hasAttribute(el, 'src'));
+ assert.strictEqual(found.length, 1);
+ });
+ });
+
+ describe('prependToDocument', () => {
+ it('injects a HTML snippet to the document', () => {
+ const document = '';
+ const result = utils.prependToDocument(document, 'Hello world');
+ if (!result) throw new Error();
+ assert.strictEqual(result, 'Hello world');
+ });
+
+ it('injects before other elements', () => {
+ const document =
+ 'ABC';
+ const result = utils.prependToDocument(document, 'Hello world');
+ if (!result) throw new Error();
+ assert.strictEqual(
+ result,
+ 'Hello worldABC',
+ );
+ });
+
+ it('injects into body if there is no head', () => {
+ const document = 'A';
+ const result = utils.prependToDocument(document, 'Hello world');
+ if (!result) throw new Error();
+ assert.strictEqual(result, 'Hello worldA');
+ });
+
+ it('uses AST manipulation if there is no head or body', () => {
+ const document = '';
+ const result = utils.prependToDocument(document, 'AB');
+ assert.strictEqual(result, 'AB');
+ });
+ });
+
+ describe('appendToDocument', () => {
+ it('injects a HTML snippet to the document', () => {
+ const document = '';
+ const result = utils.appendToDocument(document, 'Hello world');
+ if (!result) throw new Error();
+ assert.strictEqual(result, 'Hello world');
+ });
+
+ it('injects after other elements', () => {
+ const document =
+ '';
+ const result = utils.appendToDocument(document, 'Hello world');
+ if (!result) throw new Error();
+ assert.strictEqual(
+ result,
+ 'Hello world',
+ );
+ });
+
+ it('injects into head if there is no body', () => {
+ const document = '';
+ const result = utils.appendToDocument(document, 'Hello world');
+ if (!result) throw new Error();
+ assert.strictEqual(result, 'Hello world');
+ });
+
+ it('returns null if there is no head or body', () => {
+ const document = '';
+ const result = utils.appendToDocument(document, 'AB');
+ assert.strictEqual(result, 'AB');
+ });
+ });
+});
diff --git a/packages/polyfills-loader/package.json b/packages/polyfills-loader/package.json
index 1b100c3af4..a545aaea9b 100644
--- a/packages/polyfills-loader/package.json
+++ b/packages/polyfills-loader/package.json
@@ -1,6 +1,5 @@
{
"name": "@web/polyfills-loader",
- "type": "module",
"version": "2.3.1",
"publishConfig": {
"access": "public"
@@ -18,21 +17,23 @@
"exports": {
".": {
"types": "./index.d.ts",
- "default": "./dist/index.js"
+ "import": "./index.mjs",
+ "require": "./dist/index.js"
}
},
"engines": {
- "node": ">=24.0.0"
+ "node": ">=18.0.0"
},
"scripts": {
"build": "tsc",
- "test:node": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --reporter dot",
- "test:update-snapshots": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --update-snapshots",
- "test:watch": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --watch --watch-files src,test"
+ "test:node": "node --test test/**/*.test.ts",
+ "test:update-snapshots": "node --test test/**/*.test.ts",
+ "test:watch": "node --test --watch test/**/*.test.ts"
},
"files": [
"*.d.ts",
"*.js",
+ "*.mjs",
"dist",
"src"
],
@@ -67,6 +68,7 @@
},
"devDependencies": {
"@types/babel__core": "^7.1.12",
+ "@types/parse5": "^6.0.1",
"@types/valid-url": "^1.0.3"
}
}
diff --git a/packages/polyfills-loader/test/createPolyfillsData.test.ts b/packages/polyfills-loader/test/createPolyfillsData.test.ts
index fd531b3b25..9d88eb7c39 100644
--- a/packages/polyfills-loader/test/createPolyfillsData.test.ts
+++ b/packages/polyfills-loader/test/createPolyfillsData.test.ts
@@ -1,9 +1,42 @@
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
import path from 'path';
-import { expect } from 'chai';
+<<<<<<< HEAD
import { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.ts';
import { createPolyfillsData } from '../src/createPolyfillsData.ts';
import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+||||||| parent of aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.js';
+import { createPolyfillsData } from '../src/createPolyfillsData.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+=======
+<<<<<<< HEAD
+import { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.js';
+import { createPolyfillsData } from '../src/createPolyfillsData.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.ts';
+import { createPolyfillsData } from '../src/createPolyfillsData.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+=======
+<<<<<<< HEAD
+import { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.ts';
+import { createPolyfillsData } from '../src/createPolyfillsData.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+||||||| parent of 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.js';
+import { createPolyfillsData } from '../src/createPolyfillsData.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+=======
+import type { PolyfillsLoaderConfig, PolyfillFile } from '../src/types.ts';
+import { createPolyfillsData } from '../src/createPolyfillsData.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+
+const __dirname = import.meta.dirname;
+>>>>>>> 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
function cleanupPolyfill(polyfill: PolyfillFile) {
if (!polyfill) {
@@ -40,11 +73,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'core-js',
type: fileTypes.SCRIPT,
@@ -138,11 +171,11 @@ describe('polyfills', () => {
};
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'fetch',
path: 'polyfills/fetch.js',
@@ -165,11 +198,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'webcomponents-shady-css-custom-style',
type: fileTypes.SCRIPT,
@@ -197,11 +230,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'systemjs',
type: fileTypes.SCRIPT,
@@ -232,11 +265,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'systemjs',
type: fileTypes.SCRIPT,
@@ -257,11 +290,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'systemjs',
type: fileTypes.SCRIPT,
@@ -300,11 +333,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'core-js',
type: fileTypes.SCRIPT,
@@ -338,11 +371,11 @@ describe('polyfills', () => {
const polyfillFiles = await createPolyfillsData(config);
for (const p of polyfillFiles) {
- expect(p.content).to.be.a('string', `Polyfill ${p.name} has no content`);
+ assert.strictEqual(typeof p.content, 'string', `Polyfill ${p.name} has no content`);
cleanupPolyfill(p);
}
- expect(polyfillFiles).to.eql([
+ assert.deepStrictEqual(polyfillFiles, [
{
name: 'systemjs',
type: fileTypes.SCRIPT,
diff --git a/packages/polyfills-loader/test/createPolyfillsLoader.test.ts b/packages/polyfills-loader/test/createPolyfillsLoader.test.ts
index f3397978ec..fe6a1e741b 100644
--- a/packages/polyfills-loader/test/createPolyfillsLoader.test.ts
+++ b/packages/polyfills-loader/test/createPolyfillsLoader.test.ts
@@ -1,10 +1,42 @@
-import { expect } from 'chai';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
import fs from 'fs';
import path from 'path';
+<<<<<<< HEAD
import { PolyfillsLoaderConfig } from '../src/types.ts';
import { createPolyfillsLoader } from '../src/createPolyfillsLoader.ts';
import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+||||||| parent of aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { PolyfillsLoaderConfig } from '../src/types.js';
+import { createPolyfillsLoader } from '../src/createPolyfillsLoader.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+=======
+<<<<<<< HEAD
+import { PolyfillsLoaderConfig } from '../src/types.js';
+import { createPolyfillsLoader } from '../src/createPolyfillsLoader.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { PolyfillsLoaderConfig } from '../src/types.ts';
+import { createPolyfillsLoader } from '../src/createPolyfillsLoader.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+=======
+<<<<<<< HEAD
+import { PolyfillsLoaderConfig } from '../src/types.ts';
+import { createPolyfillsLoader } from '../src/createPolyfillsLoader.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+||||||| parent of 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { PolyfillsLoaderConfig } from '../src/types.js';
+import { createPolyfillsLoader } from '../src/createPolyfillsLoader.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+=======
+import type { PolyfillsLoaderConfig } from '../src/types.ts';
+import { createPolyfillsLoader } from '../src/createPolyfillsLoader.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+>>>>>>> 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+const __dirname = import.meta.dirname;
const updateSnapshots = process.argv.includes('--update-snapshots');
interface TestSnapshotArgs {
@@ -20,19 +52,17 @@ async function testSnapshot({ name, config, expectedFiles = [] }: TestSnapshotAr
throw new Error('No loader was generated');
}
- expect(loader.polyfillFiles.map(f => f.path)).to.eql(expectedFiles);
+ assert.deepStrictEqual(loader.polyfillFiles.map(f => f.path), expectedFiles);
if (updateSnapshots) {
fs.writeFileSync(snapshotPath, loader.code, 'utf-8');
} else {
const snapshot = fs.readFileSync(snapshotPath, 'utf-8');
- expect(loader.code.trim()).to.equal(snapshot.trim());
+ assert.strictEqual(loader.code.trim(), snapshot.trim());
}
}
describe('createPolyfillsLoader', function describe() {
- // bootup of the first test can take a long time in CI to load all the polyfills
- this.timeout(5000);
it('generates a loader script with one module resource', async () => {
await testSnapshot({
diff --git a/packages/polyfills-loader/test/injectPolyfillsLoader.test.ts b/packages/polyfills-loader/test/injectPolyfillsLoader.test.ts
index 5da46fa1da..e14976f4e9 100644
--- a/packages/polyfills-loader/test/injectPolyfillsLoader.test.ts
+++ b/packages/polyfills-loader/test/injectPolyfillsLoader.test.ts
@@ -1,10 +1,42 @@
-import { expect } from 'chai';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
import path from 'path';
import fs from 'fs';
+<<<<<<< HEAD
import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.ts';
import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
import { PolyfillsLoaderConfig } from '../src/types.ts';
+||||||| parent of aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+import { PolyfillsLoaderConfig } from '../src/types.js';
+=======
+<<<<<<< HEAD
+import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+import { PolyfillsLoaderConfig } from '../src/types.js';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+import { PolyfillsLoaderConfig } from '../src/types.ts';
+=======
+<<<<<<< HEAD
+import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+import { PolyfillsLoaderConfig } from '../src/types.ts';
+||||||| parent of 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.js';
+import { noModuleSupportTest, fileTypes } from '../src/utils.js';
+import { PolyfillsLoaderConfig } from '../src/types.js';
+=======
+import { injectPolyfillsLoader } from '../src/injectPolyfillsLoader.ts';
+import { noModuleSupportTest, fileTypes } from '../src/utils.ts';
+import type { PolyfillsLoaderConfig } from '../src/types.ts';
+>>>>>>> 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+const __dirname = import.meta.dirname;
const updateSnapshots = process.argv.includes('--update-snapshots');
const defaultConfig = {
@@ -22,7 +54,7 @@ async function testSnapshot(name: string, htmlString: string, config: PolyfillsL
fs.writeFileSync(snapshotPath, result.htmlString, 'utf-8');
} else {
const snapshot = fs.readFileSync(snapshotPath, 'utf-8');
- expect(result.htmlString.trim()).to.equal(snapshot.trim());
+ assert.strictEqual(result.htmlString.trim(), snapshot.trim());
}
}
diff --git a/packages/polyfills-loader/test/snapshots/createPolyfillsLoader/minified.js b/packages/polyfills-loader/test/snapshots/createPolyfillsLoader/minified.js
index ca5e3c2d4d..b9fcdf749f 100644
--- a/packages/polyfills-loader/test/snapshots/createPolyfillsLoader/minified.js
+++ b/packages/polyfills-loader/test/snapshots/createPolyfillsLoader/minified.js
@@ -1 +1 @@
-!function(){function e(e,t,n){return new Promise((function(o){var r=document.createElement("script");function i(){r.parentElement&&r.parentElement.removeChild(r),o()}r.fetchPriority="high",r.src=e,r.onload=i,n&&n.forEach((function(e){r.setAttribute(e.name,e.value)})),r.onerror=function(){console.error("[polyfills-loader] failed to load: "+e+" check the network tab for HTTP status."),i()},t&&(r.type=t),document.head.appendChild(r)}))}var t=[];function n(){e("/app.js","module",[])}"fetch"in window||t.push(e("./polyfills/fetch.js")),t.length?Promise.all(t).then(n):n()}();
\ No newline at end of file
+!function(){function e(e,t,n){return new Promise(function(o){var r=document.createElement("script");function i(){r.parentElement&&r.parentElement.removeChild(r),o()}r.fetchPriority="high",r.src=e,r.onload=i,n&&n.forEach(function(e){r.setAttribute(e.name,e.value)}),r.onerror=function(){console.error("[polyfills-loader] failed to load: "+e+" check the network tab for HTTP status."),i()},t&&(r.type=t),document.head.appendChild(r)})}var t=[];function n(){e("/app.js","module",[])}"fetch"in window||t.push(e("./polyfills/fetch.js")),t.length?Promise.all(t).then(n):n()}();
\ No newline at end of file
diff --git a/packages/rollup-plugin-copy/package.json b/packages/rollup-plugin-copy/package.json
index 268b25a6c7..5b4bd2289d 100644
--- a/packages/rollup-plugin-copy/package.json
+++ b/packages/rollup-plugin-copy/package.json
@@ -29,8 +29,8 @@
"node": ">=18.0.0"
},
"scripts": {
- "test:node": "mocha test/**/*.test.js --reporter dot",
- "test:watch": "mocha test/**/*.test.js --watch --watch-files src,test --reporter dot"
+ "test:node": "node --test 'test/**/*.test.mjs'",
+ "test:watch": "npm run test:node -- --watch"
},
"files": [
"*.d.ts",
diff --git a/packages/rollup-plugin-copy/test/integration.test.js b/packages/rollup-plugin-copy/test/integration.test.js
deleted file mode 100644
index c4e5900d98..0000000000
--- a/packages/rollup-plugin-copy/test/integration.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const path = require('path');
-const { expect } = require('chai');
-const rollup = require('rollup');
-
-const { copy } = require('../src/copy.js');
-
-describe('rollup-plugin-copy', () => {
- it('adds files to rollup', async () => {
- const bundle = await rollup.rollup({
- input: path.resolve(__dirname, './fixture/index.js'),
- plugins: [copy({ patterns: '**/*.svg', rootDir: path.resolve(__dirname, './fixture/') })],
- });
- const { output } = await bundle.generate({ format: 'es' });
-
- expect(output.length).to.equal(5);
- expect(output.map(x => x.fileName).filter(x => x.endsWith('.svg'))).to.have.members([
- 'a.svg',
- 'b.svg',
- `sub${path.sep}sub-a.svg`,
- `sub${path.sep}sub-b.mark.svg`,
- ]);
- });
-});
diff --git a/packages/rollup-plugin-copy/test/integration.test.mjs b/packages/rollup-plugin-copy/test/integration.test.mjs
new file mode 100644
index 0000000000..3eff96af50
--- /dev/null
+++ b/packages/rollup-plugin-copy/test/integration.test.mjs
@@ -0,0 +1,28 @@
+import path from 'path';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+import { rollup } from 'rollup';
+
+import { copy } from '../src/copy.ts';
+
+const __dirname = import.meta.dirname;
+
+describe('rollup-plugin-copy', () => {
+ it('adds files to rollup', async () => {
+ const bundle = await rollup({
+ input: path.resolve(__dirname, './fixture/index.js'),
+ plugins: [copy({ patterns: '**/*.svg', rootDir: path.resolve(__dirname, './fixture/') })],
+ });
+ const { output } = await bundle.generate({ format: 'es' });
+
+ assert.strictEqual(output.length, 5);
+ const svgFiles = output.map(x => x.fileName).filter(x => x.endsWith('.svg')).sort();
+ const expectedFiles = [
+ 'a.svg',
+ 'b.svg',
+ `sub${path.sep}sub-a.svg`,
+ `sub${path.sep}sub-b.mark.svg`,
+ ].sort();
+ assert.deepStrictEqual(svgFiles, expectedFiles);
+ });
+});
diff --git a/packages/rollup-plugin-copy/test/listFiles.test.mjs b/packages/rollup-plugin-copy/test/listFiles.test.mjs
new file mode 100644
index 0000000000..c2ffbdb5a2
--- /dev/null
+++ b/packages/rollup-plugin-copy/test/listFiles.test.mjs
@@ -0,0 +1,37 @@
+import path from 'path';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+
+import { listFiles } from '../src/listFiles.ts';
+
+const __dirname = import.meta.dirname;
+
+describe('listFiles', () => {
+ it('gives a list of files', async () => {
+ const files = await listFiles('*.svg', path.resolve(__dirname, './fixture/'));
+ assert.strictEqual(files.length, 2);
+ const expectedFiles = [
+ path.join(__dirname, './fixture/a.svg'),
+ path.join(__dirname, './fixture/b.svg'),
+ ].sort();
+ assert.deepStrictEqual(files.sort(), expectedFiles);
+ });
+
+ it('only gives files and no folders', async () => {
+ const files = await listFiles('**/*.svg', path.resolve(__dirname, './fixture/'));
+ assert.strictEqual(files.length, 4);
+ const expectedFiles = [
+ path.join(__dirname, './fixture/a.svg'),
+ path.join(__dirname, './fixture/b.svg'),
+ path.join(__dirname, './fixture/sub/sub-b.mark.svg'),
+ path.join(__dirname, './fixture/sub/sub-a.svg'),
+ ].sort();
+ assert.deepStrictEqual(files.sort(), expectedFiles);
+ });
+
+ it('will copy files inside dot folders', async () => {
+ const files = await listFiles('**/*.svg', path.resolve(__dirname, './fixtureDot/'));
+ assert.strictEqual(files.length, 1);
+ assert.match(files[0], /fixtureDot(\/|\\)\.folder(\/|\\)inside-dot-folder\.svg$/);
+ });
+});
diff --git a/packages/rollup-plugin-copy/test/patternsToFiles.test.mjs b/packages/rollup-plugin-copy/test/patternsToFiles.test.mjs
new file mode 100644
index 0000000000..98d2474b65
--- /dev/null
+++ b/packages/rollup-plugin-copy/test/patternsToFiles.test.mjs
@@ -0,0 +1,33 @@
+import path from 'path';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+
+import { patternsToFiles } from '../src/patternsToFiles.ts';
+
+const __dirname = import.meta.dirname;
+
+describe('patternsToFiles', () => {
+ it('works with a string', async () => {
+ const files = await patternsToFiles('*.svg', path.resolve(__dirname, './fixture/'));
+ assert.strictEqual(files.length, 2);
+ const expectedFiles = [
+ path.join(__dirname, './fixture/a.svg'),
+ path.join(__dirname, './fixture/b.svg'),
+ ].sort();
+ assert.deepStrictEqual(files.sort(), expectedFiles);
+ });
+
+ it('works with an array of strings ', async () => {
+ const files = await patternsToFiles(
+ ['*.svg', 'sub/*.mark.svg'],
+ path.resolve(__dirname, './fixture/'),
+ );
+ assert.strictEqual(files.length, 3);
+ const expectedFiles = [
+ path.join(__dirname, './fixture/a.svg'),
+ path.join(__dirname, './fixture/b.svg'),
+ path.join(__dirname, './fixture/sub/sub-b.mark.svg'),
+ ].sort();
+ assert.deepStrictEqual(files.sort(), expectedFiles);
+ });
+});
diff --git a/packages/rollup-plugin-html/package.json b/packages/rollup-plugin-html/package.json
index 94fbca244a..a238a984c8 100644
--- a/packages/rollup-plugin-html/package.json
+++ b/packages/rollup-plugin-html/package.json
@@ -1,6 +1,5 @@
{
"name": "@web/rollup-plugin-html",
- "type": "module",
"version": "3.1.0",
"publishConfig": {
"access": "public"
@@ -17,22 +16,24 @@
"main": "dist/index.js",
"exports": {
".": {
- "types": "./dist/index.d.ts",
- "default": "./dist/index.js"
+ "import": "./index.mjs",
+ "require": "./dist/index.js",
+ "types": "./dist/index.d.ts"
}
},
"engines": {
- "node": ">=24.0.0"
+ "node": ">=18.0.0"
},
"scripts": {
"demo:mpa": "rm -rf demo/dist && rollup -c demo/mpa/rollup.config.js --watch & npm run serve-demo",
"demo:spa": "rm -rf demo/dist && rollup -c demo/spa/rollup.config.js --watch & npm run serve-demo",
"serve-demo": "node ../dev-server/dist/bin.js --watch --root-dir demo/dist --app-index index.html --compatibility none --open",
- "test:node": "mocha test/**/*.test.ts --require ts-node/register --reporter dot",
- "test:watch": "mocha test/**/*.test.ts --require ts-node/register --watch --watch-files src,test"
+ "test:node": "node --test 'test/**/*.test.ts'",
+ "test:watch": "node --test --watch 'test/**/*.test.ts'"
},
"files": [
"*.js",
+ "*.mjs",
"dist",
"src"
],
@@ -51,8 +52,11 @@
"picomatch": "^2.2.2"
},
"devDependencies": {
+ "@prettier/sync": "^0.6.1",
"@types/html-minifier-terser": "^7.0.0",
"@types/picomatch": "^2.2.1",
+ "@types/prettier": "^3.0.0",
+ "prettier": "^3.6.2",
"rollup": "^4.4.0"
}
}
diff --git a/packages/rollup-plugin-html/test/input/InputData.test.ts b/packages/rollup-plugin-html/test/input/InputData.test.ts
new file mode 100644
index 0000000000..cfa765426e
--- /dev/null
+++ b/packages/rollup-plugin-html/test/input/InputData.test.ts
@@ -0,0 +1,1021 @@
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/input/InputData.test.ts
+||||||| parent of 9007e014 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/input/InputData.test.ts
+import { expect } from 'chai';
+import path from 'path';
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/input/InputData.test.ts
+import { cleanApp, createApp, html, js } from '../../utils.ts';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/input/InputData.test.ts
+import { cleanApp, createApp, html, js } from '../../utils.ts';
+=======
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/input/InputData.test.ts
+
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/input/InputData.test.ts
+import { getInputData } from '../../../src/input/getInputData.ts';
+import { InputData } from '../../../src/input/InputData.ts';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/input/InputData.test.ts
+import { getInputData } from '../../../src/input/getInputData.ts';
+import { InputData } from '../../../src/input/InputData.ts';
+=======
+import { getInputData } from '../../src/input/getInputData.ts';
+import type { InputData } from '../../src/input/InputData.ts';
+
+const __dirname = import.meta.dirname;
+const rootDir = path.join(__dirname, '..', 'fixtures', 'basic');
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/input/InputData.test.ts
+
+function cleanupHtml(str: string) {
+ return str.replace(/(\r\n|\n|\r| )/gm, '');
+}
+
+function cleanupResult(result: InputData[]) {
+ return result.map(item => ({
+ ...item,
+ inlineModules: Array.from(item.inlineModules.entries()),
+ html: cleanupHtml(item.html),
+ }));
+}
+
+describe('getInputData()', () => {
+ afterEach(() => {
+ cleanApp();
+ });
+
+ it('supports setting input as string', () => {
+ const rootDir = createApp({
+ 'index.html': html`
+
+
+
+
+
+
+
+ `);
+ const assets = extractAssets({
+ document,
+ htmlFilePath: path.join(rootDir, 'index.html'),
+ htmlDir: rootDir,
+ rootDir,
+ });
+
+ const assetsWithoutcontent = assets.map(a => ({ ...a, content: undefined }));
+ assert.deepStrictEqual(assetsWithoutcontent, [
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-a.png'),
+ hashed: false,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-b.png'),
+ hashed: false,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'webmanifest.json'),
+ hashed: false,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-a.svg'),
+ hashed: false,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'styles.css'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-social.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-c.png'),
+ hashed: true,
+ },
+ {
+ content: undefined,
+ filePath: path.join(rootDir, 'image-b.svg'),
+ hashed: true,
+ },
+ ]);
+ });
+
+ it('reads file sources', () => {
+ const document = parse(`
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `);
+ const assets = extractAssets({
+ document,
+ htmlFilePath: path.join(rootDir, 'index.html'),
+ htmlDir: rootDir,
+ rootDir,
+ });
+
+ const transformedAssets = assets.map(asset => ({
+ ...asset,
+ content: asset.content.toString('utf-8').replace(/\s/g, ''),
+ }));
+ assert.deepStrictEqual(transformedAssets, [
+ {
+ content: '{"message":"helloworld"}',
+ filePath: path.join(rootDir, 'webmanifest.json'),
+ hashed: false,
+ },
+ {
+ content:
+ '
+
+ src is not the same as the small jpeg image
+ assert.strictEqual(assets.length, 4);
+ assert.strictEqual(assets[0].filePath, path.join(rootDir, 'images', 'eb26e6ca-30.avif'));
+ assert.strictEqual(assets[1].filePath, path.join(rootDir, 'images', 'eb26e6ca-60.avif'));
+ assert.strictEqual(assets[2].filePath, path.join(rootDir, 'images', 'eb26e6ca-30.jpeg'));
+ assert.strictEqual(assets[3].filePath, path.join(rootDir, 'images', 'eb26e6ca-60.jpeg'));
+ });
+});
diff --git a/packages/rollup-plugin-html/test/input/extract/extractModules.test.ts b/packages/rollup-plugin-html/test/input/extract/extractModules.test.ts
new file mode 100644
index 0000000000..90d6cd5fc4
--- /dev/null
+++ b/packages/rollup-plugin-html/test/input/extract/extractModules.test.ts
@@ -0,0 +1,195 @@
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+import path from 'path';
+import { parse, serialize } from 'parse5';
+
+import { extractModules } from '../../../src/input/extract/extractModules.ts';
+
+const { sep } = path;
+
+describe('extractModules()', () => {
+ it('extracts all modules from a html document', () => {
+ const document = parse(
+ '
before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.strictEqual(inlineModules.length, 0);
+ assert.deepStrictEqual(moduleImports, [
+ { importPath: `${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}bar.js`, attributes: [] },
+ ]);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+
+ it('does not touch non module scripts', () => {
+ const document = parse(
+ 'before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.strictEqual(inlineModules.length, 0);
+ assert.deepStrictEqual(moduleImports, []);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+
+ it('resolves imports relative to the root dir', () => {
+ const document = parse(
+ 'before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/base/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.strictEqual(inlineModules.length, 0);
+ assert.deepStrictEqual(moduleImports, [
+ { importPath: `${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}base${sep}bar.js`, attributes: [] },
+ ]);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+
+ it('resolves relative imports relative to the relative import base', () => {
+ const document = parse(
+ 'before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/base-1/base-2/',
+ rootDir: '/base-1/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.strictEqual(inlineModules.length, 0);
+ assert.deepStrictEqual(moduleImports, [
+ { importPath: `${sep}base-1${sep}base-2${sep}foo.js`, attributes: [] },
+ { importPath: `${sep}base-1${sep}bar.js`, attributes: [] },
+ ]);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+
+ it('extracts all inline modules from a html document', () => {
+ const document = parse(
+ 'before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.deepStrictEqual(inlineModules, [
+ {
+ importPath: '/inline-module-cce79ce714e2c3b250afef32e61fb003.js',
+ code: '/* my module 1 */',
+ attributes: [],
+ },
+ {
+ importPath: '/inline-module-d9a0918508784903d131c7c4eb98e424.js',
+ code: '/* my module 2 */',
+ attributes: [],
+ },
+ ]);
+ assert.deepStrictEqual(moduleImports, []);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+
+ it('prefixes inline module with index.html directory', () => {
+ const document = parse(
+ 'before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/foo/bar/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.deepStrictEqual(inlineModules, [
+ {
+ importPath: '/foo/bar/inline-module-cce79ce714e2c3b250afef32e61fb003.js',
+ code: '/* my module 1 */',
+ attributes: [],
+ },
+ {
+ importPath: '/foo/bar/inline-module-d9a0918508784903d131c7c4eb98e424.js',
+ code: '/* my module 2 */',
+ attributes: [],
+ },
+ ]);
+ assert.deepStrictEqual(moduleImports, []);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+
+ it('ignores absolute paths', () => {
+ const document = parse(
+ 'before' +
+ '' +
+ '' +
+ 'after',
+ );
+
+ const { moduleImports, inlineModules } = extractModules({
+ document,
+ htmlDir: '/',
+ rootDir: '/',
+ });
+ const htmlWithoutModules = serialize(document);
+
+ assert.strictEqual(inlineModules.length, 0);
+ assert.deepStrictEqual(moduleImports, [{ importPath: `${sep}bar.js`, attributes: [] }]);
+ assert.strictEqual(htmlWithoutModules,
+ 'beforeafter',
+ );
+ });
+});
diff --git a/packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts b/packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts
new file mode 100644
index 0000000000..c4947718da
--- /dev/null
+++ b/packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts
@@ -0,0 +1,740 @@
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+||||||| parent of 9007e014 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+import { expect } from 'chai';
+import {
+ getEntrypointBundles,
+ createImportPath,
+} from '../../../src/output/getEntrypointBundles.js';
+import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+} from '../../../src/output/getEntrypointBundles.ts';
+import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
+=======
+} from '../../src/output/getEntrypointBundles.ts';
+import type { GeneratedBundle, ScriptModuleTag } from '../../src/RollupPluginHTMLOptions.ts';
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts
+
+describe('createImportPath()', () => {
+ it('creates a relative import path', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./foo.js');
+ });
+
+ it('handles files output in a different directory', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./legacy/foo.js');
+ });
+
+ it('handles directory in filename', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'legacy/foo.js',
+ }),
+ ).to.equal('./legacy/foo.js');
+ });
+
+ it('allows configuring a public path', () => {
+ expect(
+ createImportPath({
+ publicPath: 'static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('./static/foo.js');
+ });
+
+ it('allows configuring an absolute public path', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/foo.js');
+ });
+
+ it('allows configuring an absolute public path with just a /', () => {
+ expect(
+ createImportPath({
+ publicPath: '/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/foo.js');
+ });
+
+ it('allows configuring an absolute public path with a trailing /', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static/public/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/public/foo.js');
+ });
+
+ it('respects a different output dir when configuring a public path', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/legacy/foo.js');
+ });
+
+ it('when html is output in a directory, creates a relative path from the html file to the js file', () => {
+ expect(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('../foo.js');
+ });
+
+ it('when html is output in a directory and absolute path is set, creates a direct path from the root to the js file', () => {
+ expect(
+ createImportPath({
+ publicPath: '/static/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ ).to.equal('/static/foo.js');
+ });
+});
+
+describe('getEntrypointBundles()', () => {
+ const defaultBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/foo.js' },
+ ];
+
+ const defaultOptions = {
+ pluginOptions: {},
+ inputModuleIds,
+ outputDir: 'dist',
+ htmlFileName: 'index.html',
+ generatedBundles: defaultBundles,
+ };
+
+ it('generates entrypoints for a simple project', async () => {
+ const output = await getEntrypointBundles(defaultOptions);
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.options).to.equal(defaultBundles[0].options);
+ expect(output.default.bundle).to.equal(defaultBundles[0].bundle);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints[0].chunk).to.equal(defaultBundles[0].bundle['app.js']);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('does not output non-entrypoints', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: false,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('does not output non-chunks', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ // @ts-ignore
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'asset',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('matches on facadeModuleId', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ });
+
+ it('returns all entrypoints when no input module ids are given', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/not-app.js' },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ inputModuleIds,
+ generatedBundles,
+ });
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(2);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['./app.js', './not-app.js']);
+ });
+
+ it('generates entrypoint for multiple bundles', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'modern',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ {
+ name: 'legacy',
+ options: { format: 'es', dir: 'dist/legacy' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+
+ expect(Object.keys(output).length).to.equal(2);
+ expect(output.modern.options).to.equal(generatedBundles[0].options);
+ expect(output.legacy.options).to.equal(generatedBundles[1].options);
+ expect(output.modern.bundle).to.equal(generatedBundles[0].bundle);
+ expect(output.legacy.bundle).to.equal(generatedBundles[1].bundle);
+ expect(output.modern.entrypoints.length).to.equal(1);
+ expect(output.modern.entrypoints[0].chunk).to.equal(generatedBundles[0].bundle['app.js']);
+ expect(output.modern.entrypoints.map(e => e.importPath)).to.eql(['./app.js']);
+ expect(output.legacy.entrypoints.length).to.equal(1);
+ expect(output.legacy.entrypoints[0].chunk).to.equal(generatedBundles[1].bundle['app.js']);
+ expect(output.legacy.entrypoints.map(e => e.importPath)).to.eql(['./legacy/app.js']);
+ });
+
+ it('allows configuring a public path', async () => {
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ pluginOptions: { publicPath: '/static' },
+ });
+
+ expect(Object.keys(output).length).to.equal(1);
+ expect(output.default.entrypoints.length).to.equal(1);
+ expect(output.default.entrypoints.map(e => e.importPath)).to.eql(['/static/app.js']);
+ });
+});
+=======
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+import {
+ getEntrypointBundles,
+ createImportPath,
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+} from '../../../src/output/getEntrypointBundles.js';
+import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.js';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getEntrypointBundles.test.ts
+} from '../../../src/output/getEntrypointBundles.ts';
+import { GeneratedBundle, ScriptModuleTag } from '../../../src/RollupPluginHTMLOptions.ts';
+=======
+} from '../../src/output/getEntrypointBundles.ts';
+import type { GeneratedBundle, ScriptModuleTag } from '../../src/RollupPluginHTMLOptions.ts';
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts
+
+describe('createImportPath()', () => {
+ it('creates a relative import path', () => {
+ assert.strictEqual(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ './foo.js');
+ });
+
+ it('handles files output in a different directory', () => {
+ assert.strictEqual(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ './legacy/foo.js');
+ });
+
+ it('handles directory in filename', () => {
+ assert.strictEqual(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'legacy/foo.js',
+ }),
+ './legacy/foo.js');
+ });
+
+ it('allows configuring a public path', () => {
+ assert.strictEqual(
+ createImportPath({
+ publicPath: 'static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ './static/foo.js');
+ });
+
+ it('allows configuring an absolute public path', () => {
+ assert.strictEqual(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ '/static/foo.js');
+ });
+
+ it('allows configuring an absolute public path with just a /', () => {
+ assert.strictEqual(
+ createImportPath({
+ publicPath: '/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ '/foo.js');
+ });
+
+ it('allows configuring an absolute public path with a trailing /', () => {
+ assert.strictEqual(
+ createImportPath({
+ publicPath: '/static/public/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ '/static/public/foo.js');
+ });
+
+ it('respects a different output dir when configuring a public path', () => {
+ assert.strictEqual(
+ createImportPath({
+ publicPath: '/static',
+ outputDir: 'dist',
+ fileOutputDir: 'dist/legacy',
+ htmlFileName: 'index.html',
+ fileName: 'foo.js',
+ }),
+ '/static/legacy/foo.js');
+ });
+
+ it('when html is output in a directory, creates a relative path from the html file to the js file', () => {
+ assert.strictEqual(
+ createImportPath({
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ '../foo.js');
+ });
+
+ it('when html is output in a directory and absolute path is set, creates a direct path from the root to the js file', () => {
+ assert.strictEqual(
+ createImportPath({
+ publicPath: '/static/',
+ outputDir: 'dist',
+ fileOutputDir: 'dist',
+ htmlFileName: 'pages/index.html',
+ fileName: 'foo.js',
+ }),
+ '/static/foo.js');
+ });
+});
+
+describe('getEntrypointBundles()', () => {
+ const defaultBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/foo.js' },
+ ];
+
+ const defaultOptions = {
+ pluginOptions: {},
+ inputModuleIds,
+ outputDir: 'dist',
+ htmlFileName: 'index.html',
+ generatedBundles: defaultBundles,
+ };
+
+ it('generates entrypoints for a simple project', async () => {
+ const output = await getEntrypointBundles(defaultOptions);
+ assert.strictEqual(Object.keys(output).length, 1);
+ assert.strictEqual(output.default.options, defaultBundles[0].options);
+ assert.strictEqual(output.default.bundle, defaultBundles[0].bundle);
+ assert.strictEqual(output.default.entrypoints.length, 1);
+ assert.strictEqual(output.default.entrypoints[0].chunk, defaultBundles[0].bundle['app.js']);
+ assert.deepStrictEqual(output.default.entrypoints.map(e => e.importPath), ['./app.js']);
+ });
+
+ it('does not output non-entrypoints', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: false,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ assert.strictEqual(Object.keys(output).length, 1);
+ assert.strictEqual(output.default.entrypoints.length, 1);
+ assert.deepStrictEqual(output.default.entrypoints.map(e => e.importPath), ['./app.js']);
+ });
+
+ it('does not output non-chunks', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ // @ts-ignore
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'asset',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ assert.strictEqual(Object.keys(output).length, 1);
+ assert.strictEqual(output.default.entrypoints.length, 1);
+ assert.deepStrictEqual(output.default.entrypoints.map(e => e.importPath), ['./app.js']);
+ });
+
+ it('matches on facadeModuleId', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+ assert.strictEqual(Object.keys(output).length, 1);
+ assert.strictEqual(output.default.entrypoints.length, 1);
+ assert.deepStrictEqual(output.default.entrypoints.map(e => e.importPath), ['./app.js']);
+ });
+
+ it('returns all entrypoints when no input module ids are given', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'default',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ // @ts-ignore
+ 'not-app.js': {
+ isEntry: true,
+ fileName: 'not-app.js',
+ facadeModuleId: '/root/not-app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const inputModuleIds: ScriptModuleTag[] = [
+ { importPath: '/root/app.js' },
+ { importPath: '/root/not-app.js' },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ inputModuleIds,
+ generatedBundles,
+ });
+ assert.strictEqual(Object.keys(output).length, 1);
+ assert.strictEqual(output.default.entrypoints.length, 2);
+ assert.deepStrictEqual(output.default.entrypoints.map(e => e.importPath), ['./app.js', './not-app.js']);
+ });
+
+ it('generates entrypoint for multiple bundles', async () => {
+ const generatedBundles: GeneratedBundle[] = [
+ {
+ name: 'modern',
+ options: { format: 'es', dir: 'dist' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ {
+ name: 'legacy',
+ options: { format: 'es', dir: 'dist/legacy' },
+ bundle: {
+ // @ts-ignore
+ 'app.js': {
+ isEntry: true,
+ fileName: 'app.js',
+ facadeModuleId: '/root/app.js',
+ type: 'chunk',
+ },
+ },
+ },
+ ];
+
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ generatedBundles,
+ });
+
+ assert.strictEqual(Object.keys(output).length, 2);
+ assert.strictEqual(output.modern.options, generatedBundles[0].options);
+ assert.strictEqual(output.legacy.options, generatedBundles[1].options);
+ assert.strictEqual(output.modern.bundle, generatedBundles[0].bundle);
+ assert.strictEqual(output.legacy.bundle, generatedBundles[1].bundle);
+ assert.strictEqual(output.modern.entrypoints.length, 1);
+ assert.strictEqual(output.modern.entrypoints[0].chunk, generatedBundles[0].bundle['app.js']);
+ assert.deepStrictEqual(output.modern.entrypoints.map(e => e.importPath), ['./app.js']);
+ assert.strictEqual(output.legacy.entrypoints.length, 1);
+ assert.strictEqual(output.legacy.entrypoints[0].chunk, generatedBundles[1].bundle['app.js']);
+ assert.deepStrictEqual(output.legacy.entrypoints.map(e => e.importPath), ['./legacy/app.js']);
+ });
+
+ it('allows configuring a public path', async () => {
+ const output = await getEntrypointBundles({
+ ...defaultOptions,
+ pluginOptions: { publicPath: '/static' },
+ });
+
+ assert.strictEqual(Object.keys(output).length, 1);
+ assert.strictEqual(output.default.entrypoints.length, 1);
+ assert.deepStrictEqual(output.default.entrypoints.map(e => e.importPath), ['/static/app.js']);
+ });
+});
+>>>>>>> 9007e014 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getEntrypointBundles.test.ts
diff --git a/packages/rollup-plugin-html/test/output/getOutputHTML.test.ts b/packages/rollup-plugin-html/test/output/getOutputHTML.test.ts
new file mode 100644
index 0000000000..ecc6b2c22d
--- /dev/null
+++ b/packages/rollup-plugin-html/test/output/getOutputHTML.test.ts
@@ -0,0 +1,486 @@
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+||||||| parent of 9007e014 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+import { expect } from 'chai';
+import path from 'path';
+<<<<<<< HEAD:packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts';
+import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts';
+import { html } from '../../utils.ts';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/src/output/getOutputHTML.test.ts
+import { getOutputHTML, GetOutputHTMLParams } from '../../../src/output/getOutputHTML.ts';
+import { EntrypointBundle } from '../../../src/RollupPluginHTMLOptions.ts';
+import { html } from '../../utils.ts';
+=======
+import type { GetOutputHTMLParams } from '../../src/output/getOutputHTML.ts';
+import { getOutputHTML } from '../../src/output/getOutputHTML.ts';
+import type { EntrypointBundle } from '../../src/RollupPluginHTMLOptions.ts';
+
+const __dirname = import.meta.dirname;
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert):packages/rollup-plugin-html/test/output/getOutputHTML.test.ts
+
+describe('getOutputHTML()', () => {
+ const defaultEntrypointBundles: RecordInput HTML
`,
+ name: 'index.html',
+ moduleImports: [],
+ assets: [],
+ inlineModules: [],
+ },
+ defaultInjectDisabled: false,
+ injectServiceWorker: false,
+ serviceWorkerPath: '',
+ strictCSPInlineScripts: false,
+ };
+
+ it('injects output into the input HTML', async () => {
+ const output = await getOutputHTML(defaultOptions);
+ expect(html`${output}`).to.equal(html`
+
+
+
+ Input HTML
+
+
+
+
+ `);
+ });
+
+ it('generates a HTML file for multiple rollup bundles', async () => {
+ const entrypointBundles: RecordInput HTML
+
+
+
+
+
+
+ `);
+ });
+
+ it('can transform html output', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ pluginOptions: {
+ ...defaultOptions.pluginOptions,
+ transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'),
+ },
+ });
+
+ expect(html`${output}`).to.equal(html`
+
+
+
+ Transformed Input HTML
+
+
+
+
+ `);
+ });
+
+ it('allows setting multiple html transform functions', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ pluginOptions: {
+ ...defaultOptions.pluginOptions,
+ transformHtml: [
+ html => html.replace('Input HTML', 'Transformed Input HTML'),
+ html => html.replace(/h1/g, 'h2'),
+ ],
+ },
+ });
+
+ expect(html`${output}`).to.equal(html`
+
+
+
+ Transformed Input HTML
+
+
+
+
+ `);
+ });
+
+ it('can combine external and regular transform functions', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ pluginOptions: {
+ ...defaultOptions.pluginOptions,
+ transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'),
+ },
+ externalTransformHtmlFns: [html => html.replace(/h1/g, 'h2')],
+ });
+
+ expect(html`${output}`).to.equal(html`
+
+
+
+ Transformed Input HTML
+
+
+
+
+ `);
+ });
+
+ it('can disable default injection', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ defaultInjectDisabled: true,
+ });
+
+ expect(html`${output}`).to.equal(html`
+
+
+
+ Input HTML
+
+
+ `);
+ });
+
+ it('can converts absolute urls to full absolute urls', async () => {
+ const rootDir = path.resolve(__dirname, '..', '..', 'fixtures', 'assets');
+ const hashed = new MapInput HTML
',
+ name: 'index.html',
+ moduleImports: [],
+ assets: [],
+ inlineModules: [],
+ },
+ defaultInjectDisabled: false,
+ injectServiceWorker: false,
+ serviceWorkerPath: '',
+ strictCSPInlineScripts: false,
+ };
+
+ it('injects output into the input HTML', async () => {
+ const output = await getOutputHTML(defaultOptions);
+ assert.strictEqual(output,
+ 'Input HTML
' +
+ '' +
+ '' +
+ '',
+ );
+ });
+
+ it('generates a HTML file for multiple rollup bundles', async () => {
+ const entrypointBundles: RecordInput HTML
' +
+ '' +
+ '' +
+ '' +
+ '' +
+ '',
+ );
+ });
+
+ it('can transform html output', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ pluginOptions: {
+ ...defaultOptions.pluginOptions,
+ transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'),
+ },
+ });
+
+ assert.strictEqual(output,
+ 'Transformed Input HTML
' +
+ '' +
+ '' +
+ '',
+ );
+ });
+
+ it('allows setting multiple html transform functions', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ pluginOptions: {
+ ...defaultOptions.pluginOptions,
+ transformHtml: [
+ html => html.replace('Input HTML', 'Transformed Input HTML'),
+ html => html.replace(/h1/g, 'h2'),
+ ],
+ },
+ });
+
+ assert.strictEqual(output,
+ 'Transformed Input HTML
' +
+ '' +
+ '' +
+ '',
+ );
+ });
+
+ it('can combine external and regular output transform functions', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ pluginOptions: {
+ ...defaultOptions.pluginOptions,
+ transformHtml: html => html.replace('Input HTML', 'Transformed Input HTML'),
+ },
+ outputExternalTransformHtmlFns: [html => html.replace(/h1/g, 'h2')],
+ });
+
+ assert.strictEqual(output,
+ 'Transformed Input HTML
' +
+ '' +
+ '' +
+ '',
+ );
+ });
+
+ it('can disable default injection', async () => {
+ const output = await getOutputHTML({
+ ...defaultOptions,
+ defaultInjectDisabled: true,
+ });
+
+ assert.strictEqual(output, 'Input HTML
');
+ });
+
+ it('can converts absolute urls to full absolute urls', async () => {
+ const rootDir = path.resolve(__dirname, '..', 'fixtures', 'assets');
+ const hashed = new MapHello world
',
+ '',
+ '',
+ ].join(''),
+ );
+
+ injectBundles(document, [
+ {
+ options: { format: 'es' },
+ entrypoints: [
+ {
+ importPath: 'app.js',
+ // @ts-ignore
+ chunk: {},
+ },
+ ],
+ },
+ ]);
+ const expected = [
+ //
+ '',
+ '',
+ '',
+ 'Hello world
',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+
+ it('can inject multiple bundles', () => {
+ const document = parse(
+ [
+ //
+ '',
+ '',
+ '',
+ 'Hello world
',
+ '',
+ '',
+ ].join(''),
+ );
+
+ injectBundles(document, [
+ // @ts-ignore
+ {
+ options: { format: 'es' },
+ entrypoints: [
+ {
+ importPath: './app.js',
+ // @ts-ignore
+ chunk: null,
+ },
+ ],
+ },
+ // @ts-ignore
+ {
+ options: { format: 'iife' },
+ entrypoints: [
+ {
+ importPath: '/scripts/script.js',
+ // @ts-ignore
+ chunk: null,
+ },
+ ],
+ },
+ ]);
+ const expected = [
+ //
+ '',
+ '',
+ '',
+ 'Hello world
',
+ '',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+});
diff --git a/packages/rollup-plugin-html/test/output/injectedUpdatedAssetPaths.test.ts b/packages/rollup-plugin-html/test/output/injectedUpdatedAssetPaths.test.ts
new file mode 100644
index 0000000000..8e94ba868b
--- /dev/null
+++ b/packages/rollup-plugin-html/test/output/injectedUpdatedAssetPaths.test.ts
@@ -0,0 +1,353 @@
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+import path from 'path';
+import { parse, serialize } from 'parse5';
+import type { InputData } from '../../src/input/InputData.ts';
+
+import { injectedUpdatedAssetPaths } from '../../src/output/injectedUpdatedAssetPaths.ts';
+
+describe('injectedUpdatedAssetPaths()', () => {
+ it('injects updated asset paths', () => {
+ const document = parse(
+ [
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ ].join(''),
+ );
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/index.html',
+ };
+ const hashed = new Map',
+ '',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+
+ it('handles a picture tag using source tags with srcset', () => {
+ const document = parse(
+ [
+ '',
+ ' ',
+ ' 
',
+ '',
+ '',
+ '',
+ '',
+ ].join(''),
+ );
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ };
+ const hashed = new Map',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+
+ it('handles HTML files in a sub directory', () => {
+ const document = parse(
+ [
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ ].join(''),
+ );
+
+ const input: InputData = {
+ html: '',
+ name: 'foo/index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/foo/index.html',
+ };
+ const hashed = new Map',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+
+ it('handles virtual HTML files in a sub directory', () => {
+ const document = parse(
+ [
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ ].join(''),
+ );
+
+ const input: InputData = {
+ html: '',
+ name: 'foo/index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ };
+ const hashed = new Map',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+
+ it('prefixes a publicpath', () => {
+ const document = parse(
+ [
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ ].join(''),
+ );
+
+ const input: InputData = {
+ html: '',
+ name: 'index.html',
+ moduleImports: [],
+ inlineModules: [],
+ assets: [],
+ filePath: '/root/index.html',
+ };
+ const hashed = new Map',
+ '',
+ '',
+ '',
+ ].join('');
+
+ assert.strictEqual(serialize(document), expected);
+ });
+});
diff --git a/packages/rollup-plugin-html/test/rollup-plugin-html.test.ts b/packages/rollup-plugin-html/test/rollup-plugin-html.test.ts
index 0327b8da7a..d297185e27 100644
--- a/packages/rollup-plugin-html/test/rollup-plugin-html.test.ts
+++ b/packages/rollup-plugin-html/test/rollup-plugin-html.test.ts
@@ -1,439 +1,251 @@
-import { rollup, OutputChunk, OutputOptions, Plugin } from 'rollup';
-import { expect } from 'chai';
+import { rollup, type Plugin, type OutputChunk, type OutputAsset, type OutputOptions } from 'rollup';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
import path from 'path';
+<<<<<<< HEAD
import { rollupPluginHTML } from '../src/index.ts';
import { html, css, js, svg, generateTestBundle, createApp, cleanApp } from './utils.ts';
+||||||| parent of aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { rollupPluginHTML } from '../src/index.js';
+import { html, css, js, svg, generateTestBundle, createApp, cleanApp } from './utils.js';
+=======
+<<<<<<< HEAD
+import { rollupPluginHTML } from '../src/index.js';
+import { html, css, js, svg, generateTestBundle, createApp, cleanApp } from './utils.js';
+||||||| parent of c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { rollupPluginHTML } from '../src/index.ts';
+import { html, css, js, svg, generateTestBundle, createApp, cleanApp } from './utils.ts';
+=======
+<<<<<<< HEAD
+import { rollupPluginHTML } from '../src/index.ts';
+import { html, css, js, svg, generateTestBundle, createApp, cleanApp } from './utils.ts';
+||||||| parent of 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+import { rollupPluginHTML } from '../src/index.js';
+import { html, css, js, svg, generateTestBundle, createApp, cleanApp } from './utils.js';
+=======
+import { rollupPluginHTML } from '../src/index.ts';
+
+const __dirname = import.meta.dirname;
+
+type Output = (OutputChunk | OutputAsset)[];
+
+function getChunk(output: Output, name: string) {
+ return output.find(o => o.fileName === name && o.type === 'chunk') as OutputChunk;
+}
+
+function getAsset(output: Output, name: string) {
+ return output.find(o => o.name === name && o.type === 'asset') as OutputAsset & {
+ source: string;
+ };
+}
+>>>>>>> 61bf92a0 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> c37bb778 (chore: migrate tests from mocha/chai to node:test + node:assert)
+>>>>>>> aecfa949 (chore: migrate tests from mocha/chai to node:test + node:assert)
const outputConfig: OutputOptions = {
format: 'es',
dir: 'dist',
};
-describe('rollup-plugin-html', () => {
- afterEach(() => {
- cleanApp();
- });
+function stripNewlines(str: string) {
+ return str.replace(/(\r\n|\n|\r)/gm, '');
+}
- it('can build with an input path as input', async () => {
- const rootDir = createApp({
- 'index.html': html`
-
-
-
-
-
-
-
- `,
- 'entrypoint-a.js': js`
- import './modules/module-a.js';
- console.log('entrypoint-a.js');
- `,
- 'entrypoint-b.js': js`
- import './modules/module-b.js';
- console.log('entrypoint-b.js');
- `,
- 'modules/module-a.js': js`
- import './shared-module.js';
- console.log('module-a.js');
- `,
- 'modules/module-b.js': js`
- import './shared-module.js';
- console.log('module-b.js');
- `,
- 'modules/shared-module.js': js`
- console.log('shared-module.js');
- `,
- });
+const rootDir = path.join(__dirname, 'fixtures', 'rollup-plugin-html');
+describe('rollup-plugin-html', () => {
+ it('can build with an input path as input', async () => {
const config = {
plugins: [
rollupPluginHTML({
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/index.html'),
rootDir,
- input: './index.html',
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(3);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(chunks['entrypoint-a.js']).to.include(js`console.log('entrypoint-a.js');`);
- expect(chunks['entrypoint-b.js']).to.include(js`console.log('entrypoint-b.js');`);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 4);
+ const { code: entryA } = getChunk(output, 'entrypoint-a.js');
+ const { code: entryB } = getChunk(output, 'entrypoint-b.js');
+ assert.ok(entryA.includes("console.log('entrypoint-a.js');"));
+ assert.ok(entryB.includes("console.log('entrypoint-b.js');"));
+ assert.strictEqual(stripNewlines(getAsset(output, 'index.html').source),
+ 'hello world
' +
+ '' +
+ '' +
+ '',
+ );
});
it('can build with html file as rollup input', async () => {
- const rootDir = createApp({
- 'index.html': html`
-
-
-
-
-
-
-
- `,
- 'entrypoint-a.js': js`
- import './modules/module-a.js';
- console.log('entrypoint-a.js');
- `,
- 'entrypoint-b.js': js`
- import './modules/module-b.js';
- console.log('entrypoint-b.js');
- `,
- 'modules/module-a.js': js`
- import './shared-module.js';
- console.log('module-a.js');
- `,
- 'modules/module-b.js': js`
- import './shared-module.js';
- console.log('module-b.js');
- `,
- 'modules/shared-module.js': js`
- console.log('shared-module.js');
- `,
- });
-
const config = {
- input: './index.html',
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/index.html'),
plugins: [rollupPluginHTML({ rootDir })],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(3);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(chunks['entrypoint-a.js']).to.include(js`console.log('entrypoint-a.js');`);
- expect(chunks['entrypoint-b.js']).to.include(js`console.log('entrypoint-b.js');`);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 4);
+ const { code: entryA } = getChunk(output, 'entrypoint-a.js');
+ const { code: entryB } = getChunk(output, 'entrypoint-b.js');
+ assert.ok(entryA.includes("console.log('entrypoint-a.js');"));
+ assert.ok(entryB.includes("console.log('entrypoint-b.js');"));
+ assert.strictEqual(stripNewlines(getAsset(output, 'index.html').source),
+ 'hello world
' +
+ '' +
+ '' +
+ '',
+ );
});
it('will retain attributes on script tags', async () => {
- const rootDir = createApp({
- 'index.html': html`
-
-
-
-
-
-
-
- `,
- 'entrypoint-a.js': js`
- import './modules/module-a.js';
- console.log('entrypoint-a.js');
- `,
- 'entrypoint-b.js': js`
- import './modules/module-b.js';
- console.log('entrypoint-b.js');
- `,
- 'modules/module-a.js': js`
- import './shared-module.js';
- console.log('module-a.js');
- `,
- 'modules/module-b.js': js`
- import './shared-module.js';
- console.log('module-b.js');
- `,
- 'modules/shared-module.js': js`
- console.log('shared-module.js');
- `,
- });
-
const config = {
- input: './index.html',
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/retain-attributes.html'),
plugins: [rollupPluginHTML({ rootDir })],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(3);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(chunks['entrypoint-a.js']).to.include(js`console.log('entrypoint-a.js');`);
- expect(chunks['entrypoint-b.js']).to.include(js`console.log('entrypoint-b.js');`);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 4);
+ const { code: entryA } = getChunk(output, 'entrypoint-a.js');
+ const { code: entryB } = getChunk(output, 'entrypoint-b.js');
+ assert.ok(entryA.includes("console.log('entrypoint-a.js');"));
+ assert.ok(entryB.includes("console.log('entrypoint-b.js');"));
+ assert.strictEqual(stripNewlines(getAsset(output, 'retain-attributes.html').source),
+ 'hello world
' +
+ '' +
+ '' +
+ '',
+ );
});
it('can build with pure html file as rollup input', async () => {
- const rootDir = createApp({
- 'index.html': html`
-
-
-
- hello world
-
-
- `,
- });
-
const config = {
- input: './index.html',
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/pure-index.html'),
plugins: [rollupPluginHTML({ rootDir })],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
- hello world
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(stripNewlines(getAsset(output, 'pure-index.html').source),
+ 'hello world
',
+ );
});
it('can build with multiple pure html inputs', async () => {
- const rootDir = createApp({
- 'index1.html': html`
-
-
-
- hello world
-
-
- `,
- 'index2.html': html`
-
-
-
- hey there
-
-
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
+ input: [
+ path.resolve(__dirname, './fixtures/rollup-plugin-html/pure-index.html'),
+ path.resolve(__dirname, './fixtures/rollup-plugin-html/pure-index2.html'),
+ ],
rootDir,
- input: ['./index1.html', './index2.html'],
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(2);
-
- expect(assets['index1.html']).to.equal(html`
-
-
-
- hello world
-
-
- `);
-
- expect(assets['index2.html']).to.equal(html`
-
-
-
- hey there
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(stripNewlines(getAsset(output, 'pure-index.html').source),
+ 'hello world
',
+ );
+ assert.strictEqual(stripNewlines(getAsset(output, 'pure-index2.html').source),
+ 'hey there
',
+ );
});
it('can build with html string as input', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
- rootDir,
input: {
name: 'index.html',
- html: ``,
+ html: 'Hello world
',
},
+ rootDir,
}),
],
};
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(stripNewlines(getAsset(output, 'index.html').source),
+ 'Hello world
' +
+ '',
+ );
});
it('resolves paths relative to virtual html filename', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
- rootDir,
input: {
- name: 'nested/index.html',
- html: ``,
+ name: 'pages/index.html',
+ html: 'Hello world
',
},
+ rootDir,
}),
],
};
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['nested/index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(stripNewlines(getAsset(output, 'pages/index.html').source),
+ 'Hello world
' +
+ '',
+ );
});
it('can build with inline modules', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
rootDir,
input: {
name: 'index.html',
- html: ``,
+ html: 'Hello world
',
},
}),
],
};
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- const hash = '16165cb387fc14ed1fe1749d05f19f7b';
-
- expect(chunks[`inline-module-${hash}.js`]).to.include(js`console.log('app.js');`);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ const hash = '5ec680a4efbb48ae254268ab1defe610';
+ const { code: appCode } = getChunk(output, `inline-module-${hash}.js`);
+ assert.ok(appCode.includes("console.log('entrypoint-a.js');"));
+ assert.strictEqual(stripNewlines(getAsset(output, 'index.html').source),
+ 'Hello world
' +
+ `` +
+ '',
+ );
});
it('resolves inline module imports relative to the HTML file', async () => {
- const rootDir = createApp({
- 'nested/index.html': html`
-
-
-
-
-
-
- `,
- 'nested/app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/foo/foo.html'),
rootDir,
- input: './nested/index.html',
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- const hash = 'b774aefb8bf002b291fd54d27694a34d';
- expect(chunks[`inline-module-${hash}.js`]).to.include(js`console.log('app.js');`);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ const { code: appCode } = getChunk(output, 'inline-module-1b13383486c70d87f4e2585ff87b147c.js');
+ assert.ok(appCode.includes("console.log('foo');"));
});
it('can build transforming final output', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/entrypoint-a.js'),
plugins: [
rollupPluginHTML({
rootDir,
input: {
- html: `Hello world
`,
+ html: 'Hello world
',
},
transformHtml(html) {
return html.replace('Hello world', 'Goodbye world');
@@ -441,243 +253,133 @@ describe('rollup-plugin-html', () => {
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
- Goodbye world
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(getAsset(output, 'index.html').source,
+ 'Goodbye world
' +
+ '',
+ );
});
it('can build with a public path', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/entrypoint-a.js'),
plugins: [
rollupPluginHTML({
rootDir,
- publicPath: '/static/',
input: {
- html: ``,
+ html: 'Hello world
',
},
+ publicPath: '/static/',
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(getAsset(output, 'index.html').source,
+ 'Hello world
' +
+ '',
+ );
});
it('can build with a public path with a file in a directory', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/entrypoint-a.js'),
plugins: [
rollupPluginHTML({
rootDir,
- publicPath: '/static/',
input: {
- name: 'nested/index.html',
- html: ``,
+ name: 'pages/index.html',
+ html: 'Hello world
',
},
+ publicPath: '/static/',
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['nested/index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(getAsset(output, 'pages/index.html').source,
+ 'Hello world
' +
+ '',
+ );
});
it('can build with multiple build outputs', async () => {
- const rootDir = createApp({
- 'app.js': js`
- import './modules/module.js';
- console.log('app.js');
- `,
- 'modules/module.js': js`
- console.log('module.js');
- `,
- });
-
const plugin = rollupPluginHTML({
rootDir,
- publicPath: '/static/',
input: {
- html: ``,
+ html: 'Hello world
',
},
+ publicPath: '/static/',
});
-
const config = {
- input: path.join(rootDir, 'app.js'),
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/entrypoint-a.js'),
plugins: [plugin],
};
-
const build = await rollup(config);
-
- const bundleA = generateTestBundle(build, {
+ const bundleA = build.generate({
format: 'system',
dir: 'dist',
plugins: [plugin.api.addOutput('legacy')],
});
-
- const bundleB = generateTestBundle(build, {
+ const bundleB = build.generate({
format: 'es',
dir: 'dist',
plugins: [plugin.api.addOutput('modern')],
});
-
- const { chunks: chunksA, assets: assetsA } = await bundleA;
- const { chunks: chunksB, assets: assetsB } = await bundleB;
-
- expect(Object.keys(chunksA)).to.have.lengthOf(1);
- expect(Object.keys(assetsA)).to.have.lengthOf(0);
- expect(Object.keys(chunksB)).to.have.lengthOf(1);
- expect(Object.keys(assetsB)).to.have.lengthOf(1);
-
- expect(chunksA['app.js']).to.include(js`console.log('app.js');`);
- expect(chunksA['app.js']).to.include(js`console.log('module.js');`);
- expect(chunksB['app.js']).to.include(js`console.log('app.js');`);
- expect(chunksB['app.js']).to.include(js`console.log('module.js');`);
-
- expect(assetsA['index.html']).to.not.exist;
- expect(assetsB['index.html']).to.equal(html`
-
-
-
-
-
-
-
- `);
+ const { output: outputA } = await bundleA;
+ const { output: outputB } = await bundleB;
+ assert.strictEqual(outputA.length, 1);
+ assert.strictEqual(outputB.length, 2);
+ const { code: entrypointA1 } = getChunk(outputA, 'entrypoint-a.js');
+ const { code: entrypointA2 } = getChunk(outputB, 'entrypoint-a.js');
+ assert.ok(entrypointA1.includes("console.log('entrypoint-a.js');"));
+ assert.ok(entrypointA1.includes("console.log('module-a.js');"));
+ assert.ok(entrypointA2.includes("console.log('entrypoint-a.js');"));
+ assert.ok(entrypointA2.includes("console.log('module-a.js');"));
+ assert.strictEqual(getAsset(outputA, 'index.html'), undefined);
+ assert.strictEqual(getAsset(outputB, 'index.html').source,
+ 'Hello world
' +
+ '' +
+ '',
+ );
});
it('can build with index.html as input and an extra html file as output', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
rootDir,
input: {
- html: ``,
+ html: 'Hello world
',
},
}),
rollupPluginHTML({
rootDir,
input: {
name: 'foo.html',
- html: `foo.html
`,
+ html: 'foo.html
',
},
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(2);
- expect(Object.keys(assets)).to.have.lengthOf(2);
-
- expect(chunks['app.js']).to.exist;
-
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
- `);
-
- expect(assets['foo.html']).to.equal(html`
-
-
-
- foo.html
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 4);
+ assert.ok(getChunk(output, 'entrypoint-a.js'));
+ assert.strictEqual(getAsset(output, 'index.html').source,
+ 'Hello world
' +
+ '',
+ );
+ assert.strictEqual(getAsset(output, 'foo.html').source,
+ 'foo.html
',
+ );
});
it('can build with multiple html inputs', async () => {
- const rootDir = createApp({
- 'entrypoint-a.js': js`
- import './modules/module-a.js';
- console.log('entrypoint-a.js');
- `,
- 'entrypoint-b.js': js`
- import './modules/module-b.js';
- console.log('entrypoint-b.js');
- `,
- 'entrypoint-c.js': js`
- import './modules/module-c.js';
- console.log('entrypoint-c.js');
- `,
- 'modules/module-a.js': js`
- import './shared-module.js';
- console.log('module-a.js');
- `,
- 'modules/module-b.js': js`
- import './shared-module.js';
- console.log('module-b.js');
- `,
- 'modules/module-c.js': js`
- import './shared-module.js';
- console.log('module-c.js');
- `,
- 'modules/shared-module.js': js`
- console.log('shared-module.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
@@ -699,91 +401,24 @@ describe('rollup-plugin-html', () => {
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(4);
- expect(Object.keys(assets)).to.have.lengthOf(3);
-
- expect(chunks['entrypoint-a.js']).to.exist;
- expect(chunks['entrypoint-b.js']).to.exist;
- expect(chunks['entrypoint-c.js']).to.exist;
-
- expect(assets['page-a.html']).to.equal(html`
-
-
-
- Page A
-
-
-
- `);
-
- expect(assets['page-b.html']).to.equal(html`
-
-
-
- Page B
-
-
-
- `);
-
- expect(assets['page-c.html']).to.equal(html`
-
-
-
- Page C
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 7);
+ assert.ok(getChunk(output, 'entrypoint-a.js'));
+ assert.ok(getChunk(output, 'entrypoint-b.js'));
+ assert.ok(getChunk(output, 'entrypoint-c.js'));
+ assert.strictEqual(getAsset(output, 'page-a.html').source,
+ 'Page A
',
+ );
+ assert.strictEqual(getAsset(output, 'page-b.html').source,
+ 'Page B
',
+ );
+ assert.strictEqual(getAsset(output, 'page-c.html').source,
+ 'Page C
',
+ );
});
it('can use a glob to build multiple pages', async () => {
- const rootDir = createApp({
- 'pages/page-a.html': html`
-
-
- Page A
`,
+ name: 'foo/index.html',
+ html: 'Page A
',
},
{
- name: 'nestedB/indexB.html',
- html: `Page B
`,
+ name: 'bar/index.html',
+ html: 'Page B
',
},
{
- name: 'indexC.html',
- html: `Page C
`,
+ name: 'x.html',
+ html: 'Page C
',
},
],
}),
],
};
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(3);
- expect(Object.keys(assets)).to.have.lengthOf(3);
-
- expect(chunks['inline-module-d463148d1d5869e52917a3b270db9e72.js']).to.exist;
- expect(chunks['inline-module-b81da853430abdf130bcc7c4d0ade6d9.js']).to.exist;
- expect(chunks['inline-module-170bb2146da66c440259138c7e0fea7e.js']).to.exist;
-
- expect(assets['nestedA/indexA.html']).to.equal(html`
-
-
-
- Page A
-
-
-
- `);
-
- expect(assets['nestedB/indexB.html']).to.equal(html`
-
-
-
- Page B
-
-
-
- `);
-
- expect(assets['indexC.html']).to.equal(html`
-
-
-
- Page C
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 6);
+ assert.ok(getChunk(output, 'inline-module-b8667c926d8a16ee8b4499492c1726ed.js'));
+ assert.ok(getChunk(output, 'inline-module-c91911481b66e7483731d4de5df616a6.js'));
+ assert.ok(getChunk(output, 'inline-module-fbf0242ebea027b7392472c19328791d.js'));
+ assert.strictEqual(getAsset(output, 'foo/index.html').source,
+ 'Page A
',
+ );
+ assert.strictEqual(getAsset(output, 'bar/index.html').source,
+ 'Page B
',
+ );
+ assert.strictEqual(getAsset(output, 'x.html').source,
+ 'Page C
',
+ );
});
it('deduplicates common modules', async () => {
- const rootDir = createApp({});
-
const config = {
plugins: [
rollupPluginHTML({
@@ -938,247 +511,136 @@ describe('rollup-plugin-html', () => {
input: [
{
name: 'a.html',
- html: `Page A
`,
+ html: 'Page A
',
},
{
name: 'b.html',
- html: `Page B
`,
+ html: 'Page B
',
},
{
name: 'c.html',
- html: `Page C
`,
+ html: 'Page C
',
},
],
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(3);
-
- expect(chunks['inline-module-44281cf3dede62434e0dd368df08902f.js']).to.exist;
-
- expect(assets['a.html']).to.equal(html`
-
-
-
- Page A
-
-
-
- `);
-
- expect(assets['b.html']).to.equal(html`
-
-
-
- Page B
-
-
-
- `);
-
- expect(assets['c.html']).to.equal(html`
-
-
-
- Page C
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 4);
+ assert.ok(getChunk(output, 'inline-module-b8667c926d8a16ee8b4499492c1726ed.js'));
+ assert.strictEqual(getAsset(output, 'a.html').source,
+ 'Page A
',
+ );
+ assert.strictEqual(getAsset(output, 'b.html').source,
+ 'Page B
',
+ );
+ assert.strictEqual(getAsset(output, 'c.html').source,
+ 'Page C
',
+ );
});
it('outputs the hashed entrypoint name', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
rootDir,
input: {
- html: ``,
+ html:
+ 'Hello world
' + ``,
},
}),
],
};
-
- const build = await rollup(config);
- const { output, chunks, assets } = await generateTestBundle(build, {
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate({
...outputConfig,
entryFileNames: '[name]-[hash].js',
});
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- const appChunk = output.find(f =>
+ assert.strictEqual(output.length, 2);
+ const entrypoint = output.find(f =>
// @ts-ignore
- f.facadeModuleId.endsWith('app.js'),
+ f.facadeModuleId.endsWith('entrypoint-a.js'),
) as OutputChunk;
-
// ensure it's actually hashed
- expect(appChunk.fileName).to.not.equal('app.js');
-
+ assert.notStrictEqual(entrypoint.fileName, 'entrypoint-a.js');
// get hashed name dynamically
- expect(assets['index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ assert.strictEqual(getAsset(output, 'index.html').source,
+ `Hello world
`,
+ );
});
it('outputs import path relative to the final output html', async () => {
- const rootDir = createApp({
- 'app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
rootDir,
input: {
- name: 'nested/index.html',
- html: '',
+ name: 'pages/index.html',
+ html: 'Hello world
',
},
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['nested/index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(getAsset(output, 'pages/index.html').source,
+ 'Hello world
',
+ );
});
it('can change HTML root directory', async () => {
- const rootDir = createApp({
- 'different-root/src/app.js': js`
- console.log('app.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
- rootDir: path.join(rootDir, 'different-root'),
+ rootDir: path.join(__dirname, 'fixtures'),
input: {
- name: 'src/nested/index.html',
- html: '',
+ name: 'rollup-plugin-html/pages/index.html',
+ html: 'Hello world
',
},
}),
],
};
-
- const build = await rollup(config);
- const { chunks, assets } = await generateTestBundle(build, outputConfig);
-
- expect(Object.keys(chunks)).to.have.lengthOf(1);
- expect(Object.keys(assets)).to.have.lengthOf(1);
-
- expect(assets['src/nested/index.html']).to.equal(html`
-
-
-
-
-
-
- `);
+ const bundle = await rollup(config);
+ const { output } = await bundle.generate(outputConfig);
+ assert.strictEqual(output.length, 2);
+ assert.strictEqual(getAsset(output, 'rollup-plugin-html/pages/index.html').source,
+ 'Hello world
',
+ );
});
it('can get the input with getInputs()', async () => {
// default filename
const pluginA = rollupPluginHTML({ input: { html: 'Hello world' } });
-
// filename inferred from input filename
- const rootDirB = createApp({
- 'my-page.html': html``,
- 'app.js': js`console.log('app.js');`,
- });
const pluginB = rollupPluginHTML({
- input: path.join(rootDirB, 'my-page.html'),
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/my-page.html'),
});
-
// filename explicitly set
- const rootDirC = createApp({
- 'index.html': html``,
- 'app.js': js`console.log('app.js');`,
- });
const pluginC = rollupPluginHTML({
input: {
- name: 'nested/my-other-page.html',
- path: path.join(rootDirC, 'index.html'),
+ name: 'pages/my-other-page.html',
+ path: path.resolve(__dirname, './fixtures/rollup-plugin-html/index.html'),
},
});
-
- await rollup({ plugins: [pluginA] });
+ await rollup({
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/entrypoint-a.js'),
+ plugins: [pluginA],
+ });
await rollup({ plugins: [pluginB] });
await rollup({ plugins: [pluginC] });
-
- expect(pluginA.api.getInputs()[0].name).to.equal('index.html');
- expect(pluginB.api.getInputs()[0].name).to.equal('my-page.html');
- expect(pluginC.api.getInputs()[0].name).to.equal('nested/my-other-page.html');
+ assert.strictEqual(pluginA.api.getInputs()[0].name, 'index.html');
+ assert.strictEqual(pluginB.api.getInputs()[0].name, 'my-page.html');
+ assert.strictEqual(pluginC.api.getInputs()[0].name, 'pages/my-other-page.html');
});
it('supports other plugins injecting a transform function', async () => {
- const rootDir = createApp({
- 'index.html': html`
-
-
-
-
-
-
-
- `,
- 'entrypoint-a.js': js`
- import './modules/module-a.js';
- console.log('entrypoint-a.js');
- `,
- 'entrypoint-b.js': js`
- import './modules/module-b.js';
- console.log('entrypoint-b.js');
- `,
- 'modules/module-a.js': js`
- import './shared-module.js';
- console.log('module-a.js');
- `,
- 'modules/module-b.js': js`
- import './shared-module.js';
- console.log('module-b.js');
- `,
- 'modules/shared-module.js': js`
- console.log('shared-module.js');
- `,
- });
-
const config = {
plugins: [
rollupPluginHTML({
rootDir,
- input: './index.html',
+ input: path.resolve(__dirname, './fixtures/rollup-plugin-html/index.html'),
}),
{
name: 'other-plugin',
@@ -1191,2119 +653,700 @@ describe('rollup-plugin-html', () => {
return false;
});
plugin!.api.addHtmlTransformer((html: string) =>
- html.replace('', ''),
+ html.replace('', ''),
+ );
+ plugin!.api.addHtmlTransformer(
+ (html: string) =>
+ html.replace('', ''),
+ 'output',
+ );
+ plugin!.api.addHtmlTransformer(
+ (html: string) => html.replace('