test(option): added testing of disableAsync option

thomasbaldwin · thomasbaldwin · commit 5c416ec8ced7 · 2019-07-30T23:00:40.000-04:00
diff --git a/package.json b/package.json
@@ -28,6 +28,7 @@
     "test:watch": "cross-env NODE_ENV=test jest --watch",
     "test:coverage": "cross-env NODE_ENV=test jest --collectCoverageFrom=\"src/**/*.js\" --coverage",
     "test:manual": "webpack-dev-server test/manual/src/index.js --open --config test/manual/webpack.config.js",
+    "test:manualDisableAsync": "webpack-dev-server test/manualDisableAsyncOption/src/index.js --open --config test/manualDisableAsyncOption/webpack.config.js",
     "pretest": "npm run lint",
     "test": "cross-env NODE_ENV=test npm run test:coverage",
     "defaults": "webpack-defaults"
diff --git a/test/manualDisableAsyncOption/index.html b/test/manualDisableAsyncOption/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>mini-css-extract-plugin testcase</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" type="text/css" href="/dist/a.css" />
+</head>
+<body>
+  <script type="text/javascript" src="/dist/a.js"></script>
+  <script type="text/javascript" src="/dist/b.js"></script>
+  <script type="text/javascript" src="/dist/main.js"></script>
+</body>
+</html>
diff --git a/test/manualDisableAsyncOption/src/a.css b/test/manualDisableAsyncOption/src/a.css
@@ -0,0 +1,7 @@
+.container {
+  background: blue;
+  color: red;
+  width: 100%;
+  height: 20px;
+  text-align: center;
+}
diff --git a/test/manualDisableAsyncOption/src/b.css b/test/manualDisableAsyncOption/src/b.css
@@ -0,0 +1,7 @@
+.container {
+  background: purple;
+  color: green;
+  width: 100%;
+  height: 20px;
+  text-align: center;
+}
diff --git a/test/manualDisableAsyncOption/src/index.js b/test/manualDisableAsyncOption/src/index.js
@@ -0,0 +1,14 @@
+/* eslint-env browser */
+
+import './a.css';
+import './b.css';
+
+const render = () => {
+  let div = document.createElement('div');
+  div.setAttribute('class', 'container');
+  const text = 'My background color should be blue, and my text should be red!';
+  div.innerHTML = text;
+  document.body.appendChild(div);
+};
+
+render();
diff --git a/test/manualDisableAsyncOption/webpack.config.js b/test/manualDisableAsyncOption/webpack.config.js
@@ -0,0 +1,45 @@
+const Self = require('../../');
+
+module.exports = {
+  mode: 'development',
+  output: {
+    chunkFilename: '[name].js',
+    publicPath: '/dist/',
+    crossOriginLoading: 'anonymous',
+  },
+  optimization: {
+    splitChunks: {
+      cacheGroups: {
+        default: false,
+        a: {
+          name: 'a',
+          test: /a.css/,
+          chunks: 'all',
+          enforce: true,
+        },
+        b: {
+          name: 'b',
+          test: /b.css/,
+          chunks: 'all',
+          enforce: true,
+        },
+      },
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [Self.loader, 'css-loader'],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+  devServer: {
+    contentBase: __dirname,
+  },
+};
