test(cases): add @import tests (#290)

* test: add test case for `@import`

* test: add another test case for `@import`

Author: sokra

test/cases/at-import/a.css

@@ -0,0 +1,9 @@
+@import './ae.css';
+@import './aa.css';
+@import './ab.css';
+@import './ac.css';
+@import './ad.css';
+
+body {
+  background: red;
+}

test/cases/at-import/aa.css

@@ -0,0 +1,3 @@
+.aa {
+  background: green;
+}

test/cases/at-import/ab.css

@@ -0,0 +1,3 @@
+.ab {
+  background: green;
+}

test/cases/at-import/ac.css

@@ -0,0 +1,3 @@
+.ac {
+  background: green;
+}

test/cases/at-import/ad.css

@@ -0,0 +1,3 @@
+.ad {
+  background: green;
+}

test/cases/at-import/ae.css

@@ -0,0 +1,3 @@
+.ae {
+  background: green;
+}

test/cases/at-import/b.css

@@ -0,0 +1,6 @@
+@import './ba.css';
+@import './bb.css';
+
+body {
+  background: yellow;
+}

test/cases/at-import/ba.css

@@ -0,0 +1,3 @@
+.ba {
+  background: green;
+}

test/cases/at-import/bb.css

@@ -0,0 +1,3 @@
+.bb {
+  background: green;
+}

test/cases/at-import/expected/main.css

@@ -0,0 +1,36 @@
+.ae {
+  background: green;
+}
+
+.aa {
+  background: green;
+}
+
+.ab {
+  background: green;
+}
+
+.ac {
+  background: green;
+}
+
+.ad {
+  background: green;
+}
+
+body {
+  background: red;
+}
+
+.ba {
+  background: green;
+}
+
+.bb {
+  background: green;
+}
+
+body {
+  background: yellow;
+}
+

test/cases/at-import/index.js

@@ -0,0 +1,2 @@
+import './a.css';
+import './b.css';

test/cases/at-import/webpack.config.js

@@ -0,0 +1,21 @@
+const Self = require('../../../');
+
+module.exports = {
+  entry: './index.js',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          Self.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+};

test/cases/css-import/a.css

@@ -0,0 +1 @@
+body { background: red; }

test/cases/css-import/b.css

@@ -0,0 +1,5 @@
+.b { background: red; }
+
+@import url("https://some/external/css");
+
+.b { color: yellow; }

test/cases/css-import/c.css

@@ -0,0 +1,5 @@
+.c { background: red; }
+@import './a.css';
+@import url("https://some/other/external/css");
+
+.c { color: yellow; }

test/cases/css-import/expected/main.css

@@ -0,0 +1,14 @@
+@import url(https://some/other/external/css);
+@import url(https://some/external/css);
+body { background: red; }
+
+.c { background: red; }
+
+.c { color: yellow; }
+
+.b { background: red; }
+
+.b { color: yellow; }
+
+
+

test/cases/css-import/index.css

@@ -0,0 +1,2 @@
+@import './c.css';
+@import './b.css';

test/cases/css-import/webpack.config.js

@@ -0,0 +1,21 @@
+const Self = require('../../../');
+
+module.exports = {
+  entry: './index.css',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          Self.loader,
+          'css-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+};