test: loading order (webpack#236)

ShanaMaid · evilebottnawi · commit 97e2f4cb3114 · 2018-08-14T13:24:01.000+03:00
* fix css files load order mismatch webpack#188 * fix(src): fix sort bug * feat(test): add test * test(sorting): add test case which uses the fallback behavior * fix(sorting): revert change to restore original behavior This fixes the testcase
diff --git a/test/cases/simple-async-load-css-fallback/a.css b/test/cases/simple-async-load-css-fallback/a.css
@@ -0,0 +1 @@
+body { background: red; }
diff --git a/test/cases/simple-async-load-css-fallback/async-one.js b/test/cases/simple-async-load-css-fallback/async-one.js
@@ -0,0 +1,2 @@
+import './c.css';
+import './d.css';
diff --git a/test/cases/simple-async-load-css-fallback/async-two.js b/test/cases/simple-async-load-css-fallback/async-two.js
@@ -0,0 +1,2 @@
+import './e.css';
+import './f.css';
diff --git a/test/cases/simple-async-load-css-fallback/b.css b/test/cases/simple-async-load-css-fallback/b.css
@@ -0,0 +1 @@
+body { background: green; }
diff --git a/test/cases/simple-async-load-css-fallback/c.css b/test/cases/simple-async-load-css-fallback/c.css
@@ -0,0 +1 @@
+body { background: blue; }
diff --git a/test/cases/simple-async-load-css-fallback/d.css b/test/cases/simple-async-load-css-fallback/d.css
@@ -0,0 +1 @@
+body { background: yellow; }
diff --git a/test/cases/simple-async-load-css-fallback/e.css b/test/cases/simple-async-load-css-fallback/e.css
@@ -0,0 +1 @@
+body { background: purple; }
diff --git a/test/cases/simple-async-load-css-fallback/expected/async-one.css b/test/cases/simple-async-load-css-fallback/expected/async-one.css
@@ -0,0 +1,4 @@
+body { background: blue; }
+
+body { background: yellow; }
+
diff --git a/test/cases/simple-async-load-css-fallback/expected/async-two.css b/test/cases/simple-async-load-css-fallback/expected/async-two.css
@@ -0,0 +1,4 @@
+body { background: purple; }
+
+body { background: indigo; }
+
diff --git a/test/cases/simple-async-load-css-fallback/expected/main.css b/test/cases/simple-async-load-css-fallback/expected/main.css
@@ -0,0 +1,4 @@
+body { background: red; }
+
+body { background: green; }
+
diff --git a/test/cases/simple-async-load-css-fallback/f.css b/test/cases/simple-async-load-css-fallback/f.css
@@ -0,0 +1 @@
+body { background: indigo; }
diff --git a/test/cases/simple-async-load-css-fallback/index.js b/test/cases/simple-async-load-css-fallback/index.js
@@ -0,0 +1,5 @@
+import './a.css';
+import './b.css';
+import(/* webpackChunkName: 'async-one' */'./async-one');
+import(/* webpackChunkName: 'async-two' */'./async-two');
+
diff --git a/test/cases/simple-async-load-css-fallback/webpack.config.js b/test/cases/simple-async-load-css-fallback/webpack.config.js
@@ -0,0 +1,33 @@
+const Self = require('../../../');
+
+module.exports = {
+  entry: {
+    'main': './index.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          Self.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    function() {
+      this.hooks.compilation.tap("Test", compilation => {
+        compilation.hooks.beforeChunkAssets.tap("Test", () => {
+          for (const chunkGroup of compilation.chunkGroups) {
+            // remove getModuleIndex2 to enforce using fallback
+            chunkGroup.getModuleIndex2 = undefined;
+          }
+        });
+      })
+    },
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+};
diff --git a/test/cases/simple-async-load-css/a.css b/test/cases/simple-async-load-css/a.css
@@ -0,0 +1 @@
+body { background: red; }
diff --git a/test/cases/simple-async-load-css/async-one.js b/test/cases/simple-async-load-css/async-one.js
@@ -0,0 +1,2 @@
+import './c.css';
+import './d.css';
diff --git a/test/cases/simple-async-load-css/async-two.js b/test/cases/simple-async-load-css/async-two.js
@@ -0,0 +1,2 @@
+import './e.css';
+import './f.css';
diff --git a/test/cases/simple-async-load-css/b.css b/test/cases/simple-async-load-css/b.css
@@ -0,0 +1 @@
+body { background: green; }
diff --git a/test/cases/simple-async-load-css/c.css b/test/cases/simple-async-load-css/c.css
@@ -0,0 +1 @@
+body { background: blue; }
diff --git a/test/cases/simple-async-load-css/d.css b/test/cases/simple-async-load-css/d.css
@@ -0,0 +1 @@
+body { background: yellow; }
diff --git a/test/cases/simple-async-load-css/e.css b/test/cases/simple-async-load-css/e.css
@@ -0,0 +1 @@
+body { background: purple; }
diff --git a/test/cases/simple-async-load-css/expected/async-one.css b/test/cases/simple-async-load-css/expected/async-one.css
@@ -0,0 +1,4 @@
+body { background: blue; }
+
+body { background: yellow; }
+
diff --git a/test/cases/simple-async-load-css/expected/async-two.css b/test/cases/simple-async-load-css/expected/async-two.css
@@ -0,0 +1,4 @@
+body { background: purple; }
+
+body { background: indigo; }
+
diff --git a/test/cases/simple-async-load-css/expected/main.css b/test/cases/simple-async-load-css/expected/main.css
@@ -0,0 +1,4 @@
+body { background: red; }
+
+body { background: green; }
+
diff --git a/test/cases/simple-async-load-css/f.css b/test/cases/simple-async-load-css/f.css
@@ -0,0 +1 @@
+body { background: indigo; }
diff --git a/test/cases/simple-async-load-css/index.js b/test/cases/simple-async-load-css/index.js
@@ -0,0 +1,5 @@
+import './a.css';
+import './b.css';
+import(/* webpackChunkName: 'async-one' */'./async-one');
+import(/* webpackChunkName: 'async-two' */'./async-two');
+
diff --git a/test/cases/simple-async-load-css/webpack.config.js b/test/cases/simple-async-load-css/webpack.config.js
@@ -0,0 +1,23 @@
+const Self = require('../../../');
+
+module.exports = {
+  entry: {
+    'main': './index.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          Self.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+import './c.css';`
	`2`	`+import './d.css';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+import './e.css';`
	`2`	`+import './f.css';`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +body { background: blue; }
++
 +body { background: yellow; }
++