diff --git a/.eslintrc.js b/.eslintrc.js
index 4457a56..1fe1c98 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -69,6 +69,7 @@ module.exports = {
'no-void': 'off',
'no-empty-function': 'off',
'no-new-func': 'off',
+ 'import/no-unresolved': ['error', { ignore: ['./build/build.html$'] }],
},
globals: {
page: true,
@@ -81,6 +82,8 @@ module.exports = {
files: ['rollup.config.*'],
rules: {
'no-console': 'off',
+ 'global-require': 'off',
+ 'import/no-dynamic-require': 'off',
},
},
],
diff --git a/.prettierrc b/.prettierrc
index 8448fab..a324b31 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -8,6 +8,18 @@
"endOfLine": "lf",
"parser": "babel-ts",
"overrides": [
+ {
+ "files": "*.html",
+ "options": { "parser": "html" }
+ },
+ {
+ "files": "*.css",
+ "options": { "parser": "css" }
+ },
+ {
+ "files": "*.scss",
+ "options": { "parser": "scss" }
+ },
{
"files": "*.vue",
"options": { "parser": "vue" }
diff --git a/jest-puppeteer.env.js b/jest-puppeteer.env.js
index e3a88ea..fde3e9e 100644
--- a/jest-puppeteer.env.js
+++ b/jest-puppeteer.env.js
@@ -1,99 +1,11 @@
-const path = require('path');
-const del = require('del');
-const rollup = require('rollup');
-const babel = require('@babel/core');
-const PuppeteerEnvironment = require('jest-environment-puppeteer');
-const resolve = require('./resolve.config.json');
-
-const rollupInputFile = 'index';
-const rollupOutputFile = 'index';
-const rollupOutputDir = 'build';
-const rollupNodeEnv = 'build';
-
-const getRollupInfos = (testPath) => {
- const projectRootPath = path.resolve(__dirname, resolve.projectRoot);
- const testDir = path.dirname(testPath);
- const input = path.resolve(testDir, rollupInputFile);
- const dist = path.resolve(testDir, rollupOutputDir);
- const file = rollupOutputFile;
-
- return {
- projectRootPath,
- input,
- dist,
- file,
- };
-};
-
-const rollupTest = async (testPath) => {
- const { projectRootPath, input, dist, file } = getRollupInfos(testPath);
- const testPathSplit = path.relative(projectRootPath, testPath).split(path.sep);
-
- if (testPathSplit.length > 0) {
- const env = process.env.NODE_ENV;
-
- const project = testPathSplit[0];
- const { code: rollupConfigCode } = await babel.transformFileSync('./rollup.config.js', {});
-
- process.env.NODE_ENV = rollupNodeEnv;
- // eslint-disable-next-line no-eval
- let rollupConfig = await eval(rollupConfigCode)(
- { 'config-project': project },
- {
- input,
- dist,
- file,
- types: null,
- minVersions: false,
- esmBuild: false,
- sourcemap: false,
- },
- true
- );
- if (!Array.isArray(rollupConfig)) {
- rollupConfig = [rollupConfig];
- }
-
- for (let i = 0; i < rollupConfig.length; i++) {
- const inputConfig = rollupConfig[i];
- let { output } = inputConfig;
- // eslint-disable-next-line no-await-in-loop
- const bundle = await rollup.rollup(inputConfig);
-
- if (!Array.isArray(output)) {
- output = [output];
- }
-
- for (let v = 0; v < output.length; v++) {
- const outputConfig = output[i];
- // eslint-disable-next-line no-await-in-loop
- await bundle.write(outputConfig);
- }
- }
-
- process.env.NODE_ENV = env;
- }
-};
-
-const cleanRollupTest = async (testPath) => {
- const { dist } = getRollupInfos(testPath);
- await del(dist);
-};
-
-class CustomEnvironment extends PuppeteerEnvironment {
- constructor(config, context) {
- super(config, context);
-
- this.ctx = context;
- }
+const PuppeteerRollupEnvironment = require('./jest-puppeteer.env.rollup.js');
+class CustomEnvironment extends PuppeteerRollupEnvironment {
async setup() {
- await rollupTest(this.ctx.testPath);
await super.setup();
}
async teardown() {
- await cleanRollupTest(this.ctx.testPath);
await super.teardown();
}
}
diff --git a/jest-puppeteer.env.rollup.js b/jest-puppeteer.env.rollup.js
new file mode 100644
index 0000000..72c5b58
--- /dev/null
+++ b/jest-puppeteer.env.rollup.js
@@ -0,0 +1,162 @@
+const PuppeteerEnvironment = require('jest-environment-puppeteer');
+const fs = require('fs');
+const path = require('path');
+const del = require('del');
+const rollup = require('rollup');
+const rollupPluginHtml = require('@rollup/plugin-html');
+const rollupPluginStyles = require('rollup-plugin-styles');
+const rollupConfig = require('./rollup.config.js');
+const resolve = require('./resolve.config.json');
+
+const rollupInputHtmlFile = 'index.html';
+const rollupInputFile = 'index';
+const rollupOutputHtmlFile = 'build.html';
+const rollupOutputFile = 'build';
+const rollupOutputDir = 'build';
+const rollupNodeEnv = 'build';
+
+const getRollupInfos = (testPath) => {
+ const projectRootPath = path.resolve(__dirname, resolve.projectRoot);
+ const testDir = path.dirname(testPath);
+ const input = path.resolve(testDir, rollupInputFile);
+ const dist = path.resolve(testDir, rollupOutputDir);
+ const file = rollupOutputFile;
+ const testName = path.basename(testDir);
+
+ return {
+ projectRootPath,
+ testDir,
+ testName,
+ input,
+ dist,
+ file,
+ };
+};
+
+const makeHtmlAttributes = (attributes) => {
+ if (!attributes) {
+ return '';
+ }
+
+ const keys = Object.keys(attributes);
+ // eslint-disable-next-line no-param-reassign
+ // eslint-disable-next-line no-return-assign
+ return keys.reduce((result, key) => (result += ` ${key}="${attributes[key]}"`), '');
+};
+
+const genHtmlTemplateFunc = (content) => ({ attributes, files, meta, publicPath, title }) => {
+ const scripts = (files.js || [])
+ .map(({ fileName }) => ``)
+ .join('\n');
+
+ const links = (files.css || [])
+ .map(({ fileName }) => ``)
+ .join('\n');
+
+ const metas = meta.map((input) => ``).join('\n');
+
+ return `
+
+
+ ${metas}
+ ${title}
+ ${links}
+
+
+ ${content || ''}
+ ${scripts}
+
+