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

sokra · evilebottnawi · commit 770e28da5426 · 2018-10-02T18:26:44.000+03:00
* test: add test case for `@import`

* test: add another test case for `@import`
diff --git a/test/cases/at-import/a.css b/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;
+}
diff --git a/test/cases/at-import/aa.css b/test/cases/at-import/aa.css
@@ -0,0 +1,3 @@
+.aa {
+  background: green;
+}
diff --git a/test/cases/at-import/ab.css b/test/cases/at-import/ab.css
@@ -0,0 +1,3 @@
+.ab {
+  background: green;
+}
diff --git a/test/cases/at-import/ac.css b/test/cases/at-import/ac.css
@@ -0,0 +1,3 @@
+.ac {
+  background: green;
+}
diff --git a/test/cases/at-import/ad.css b/test/cases/at-import/ad.css
@@ -0,0 +1,3 @@
+.ad {
+  background: green;
+}
diff --git a/test/cases/at-import/ae.css b/test/cases/at-import/ae.css
@@ -0,0 +1,3 @@
+.ae {
+  background: green;
+}
diff --git a/test/cases/at-import/b.css b/test/cases/at-import/b.css
@@ -0,0 +1,6 @@
+@import './ba.css';
+@import './bb.css';
+
+body {
+  background: yellow;
+}
diff --git a/test/cases/at-import/ba.css b/test/cases/at-import/ba.css
@@ -0,0 +1,3 @@
+.ba {
+  background: green;
+}
diff --git a/test/cases/at-import/bb.css b/test/cases/at-import/bb.css
@@ -0,0 +1,3 @@
+.bb {
+  background: green;
+}
diff --git a/test/cases/at-import/expected/main.css b/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;
+}
+
diff --git a/test/cases/at-import/index.js b/test/cases/at-import/index.js
@@ -0,0 +1,2 @@
+import './a.css';
+import './b.css';
diff --git a/test/cases/at-import/webpack.config.js b/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',
+    }),
+  ],
+};
diff --git a/test/cases/css-import/a.css b/test/cases/css-import/a.css
@@ -0,0 +1 @@
+body { background: red; }
diff --git a/test/cases/css-import/b.css b/test/cases/css-import/b.css
@@ -0,0 +1,5 @@
+.b { background: red; }
+
+@import url("https://some/external/css");
+
+.b { color: yellow; }
diff --git a/test/cases/css-import/c.css b/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; }
diff --git a/test/cases/css-import/expected/main.css b/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; }
+
+
+
diff --git a/test/cases/css-import/index.css b/test/cases/css-import/index.css
@@ -0,0 +1,2 @@
+@import './c.css';
+@import './b.css';
diff --git a/test/cases/css-import/webpack.config.js b/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',
+    }),
+  ],
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.aa {`
	`2`	`+ background: green;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.ab {`
	`2`	`+ background: green;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.ac {`
	`2`	`+ background: green;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.ad {`
	`2`	`+ background: green;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.ae {`
	`2`	`+ background: green;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.ba {`
	`2`	`+ background: green;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.bb {`
	`2`	`+ background: green;`
	`3`	`+}`