refactor: modules option tests (#808) (#809)

Author: evilebottnawi

test/__snapshots__/modules-option.test.js.snap

@@ -0,0 +1 @@
+:local(.c1/*.c2*/.c3) { background: red; }

test/moduleTestCases/class-names/source.css test/fixtures/modules/tests-cases/class-names/source.css

@@ -3,9 +3,9 @@
  */
 
 .bg {
-  background-image: url(bg.jpg);
+  background-image: url(./img.png);
 }
 
 /*
  * a ' below
- */
+ */

test/fixtures/modules/tests-cases/comment-in-local/source.css

@@ -0,0 +1,11 @@
+:local(.c2) {
+  color: red;
+}
+
+:local(.c4) {
+  color: blue;
+}
+
+.test{
+  c: d
+}

test/fixtures/modules/tests-cases/comments/img.png

@@ -0,0 +1,3 @@
+:local(.c1) { composes: c2 from "./file.css"; b: 1; }
+:local(.c3) { composes: c1; b: 3; }
+:local(.c5) { composes: c2 c4 from "./file.css"; b: 5; }

test/moduleTestCases/comments/source.css test/fixtures/modules/tests-cases/comments/source.css

@@ -0,0 +1,11 @@
+:local(.c-2) {
+  color: red;
+}
+
+:local(.c4) {
+  color: blue;
+}
+
+.test{
+  c: d
+}

test/fixtures/modules/tests-cases/composes-1/file.css

@@ -0,0 +1,3 @@
+:local(.c1) { composes: c-2 from "./file.css"; b: 1; }
+:local(.c3) { composes: c1; b: 3; }
+:local(.c5) { composes: c-2 c4 from "./file.css"; b: 5; }

test/fixtures/modules/tests-cases/composes-1/source.css

@@ -0,0 +1,3 @@
+:local(.def1) {
+  color: red;
+}

test/fixtures/modules/tests-cases/composes-2/file.css

@@ -0,0 +1,3 @@
+:local(.def2) {
+  color: blue;
+}

test/fixtures/modules/tests-cases/composes-2/source.css

@@ -0,0 +1,4 @@
+:local(.abc) {
+  composes: def1 from "./file1.css";
+  composes: def2 from "./file2.css";
+}

test/fixtures/modules/tests-cases/composes-multiple/file1.css

@@ -0,0 +1,3 @@
+:local(.def) {
+  color: red;
+}

test/fixtures/modules/tests-cases/composes-multiple/file2.css

@@ -0,0 +1,3 @@
+:local(.abc) {
+  composes: def from "./file.css";
+}

test/fixtures/modules/tests-cases/composes-multiple/source.css

@@ -0,0 +1,2 @@
+:local(.c1) { a: 1; }
+:local(.c2) { composes: c1; b: 1; }

test/fixtures/modules/tests-cases/composes-with-importing/file.css

@@ -0,0 +1,4 @@
+:local(.className) { background: red; }
+:local(#someId) { background: green; }
+:local(.className .subClass) { color: green; }
+:local(#someId .subClass) { color: blue; }

test/fixtures/modules/tests-cases/composes-with-importing/source.css

@@ -0,0 +1,7 @@
+:local(.abc) {
+  color: red;
+}
+:local(.def) {
+  composes: abc;
+  background: green;
+}

test/fixtures/modules/tests-cases/composes/source.css

@@ -0,0 +1,3 @@
+:local(.c1[data-attr=".c2)]'"]:not(.c3):not(.c4)) {
+  background: red;
+}

test/moduleTestCases/keyframes-and-animation/source.css test/fixtures/modules/tests-cases/keyframes-and-animation/source.css

@@ -0,0 +1,7 @@
+.abc :local(.def) {
+  color: red;
+}
+
+:local .ghi .jkl {
+  color: blue;
+}

test/moduleTestCases/leak-scope/source.css test/fixtures/modules/tests-cases/leak-scope/source.css

@@ -0,0 +1,2 @@
+.c1 :local .c2 .c3 :global .c4 :local .c5, .c6 :local .c7 { background: red; }
+.c8 { background: red; }

test/fixtures/modules/tests-cases/local-2/source.css

@@ -0,0 +1,14 @@
+.a {
+	background: url(./img.png);
+	background: url("./img.png");
+	background: url("./img img.png");
+	background: url('./img img.png');
+	background: url('./img.png');
+	background: url("./img.png#?iefix");
+	background: url("#hash");
+	background: url("#");
+	background: url(data:image/png;base64,AAA);
+	background: url(http://example.com/image.jpg);
+	background: url(//example.com/image.png);
+	background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url(./img.png) xyz;
+}

test/fixtures/modules/tests-cases/local-and-composes/source.css

@@ -0,0 +1,2 @@
+@value def: red;
+@value ghi: 1px solid black;

test/fixtures/modules/tests-cases/local-with-string/source.css

@@ -0,0 +1,2 @@
+@value def: red;
+.ghi { color: def; }

test/fixtures/modules/tests-cases/local/source.css

@@ -0,0 +1 @@
+@value def: red;

test/fixtures/modules/tests-cases/mode-switching/source.css

@@ -0,0 +1,2 @@
+@value def from './file.css';
+.ghi { color: def; }

test/moduleTestCases/simple/source.css test/fixtures/modules/tests-cases/simple/source.css

@@ -0,0 +1 @@
+@value def: red;

test/fixtures/modules/tests-cases/urls/img img.png

@@ -0,0 +1 @@
+@value def: green;

test/fixtures/modules/tests-cases/urls/img.png

@@ -0,0 +1,3 @@
+@value def as aaa from './file1.css';
+@value def as bbb from './file2.css';
+.ghi { background: aaa, bbb, def; }

test/fixtures/modules/tests-cases/urls/source.css

@@ -0,0 +1 @@
+@value color: red;

test/fixtures/modules/tests-cases/values-1/source.css

@@ -0,0 +1,3 @@
+@value color from './file1.css';
+@value shadow: 0 0 color,0 0 color;
+.ghi { box-shadow: shadow; }

test/fixtures/modules/tests-cases/values-2/source.css

@@ -0,0 +1 @@
+@value color: red;

test/fixtures/modules/tests-cases/values-3/file.css

@@ -0,0 +1,3 @@
+@value color from './file1.css';
+@value shadow: 0 0 color ,0 0 color;
+.ghi { box-shadow: shadow; }

test/fixtures/modules/tests-cases/values-3/source.css

@@ -0,0 +1 @@
+@value color: red;

test/fixtures/modules/tests-cases/values-4/file1.css

@@ -0,0 +1,3 @@
+@value color from './file1.css';
+@value shadow: 0 0 color, 0 0 color;
+.ghi { box-shadow: shadow; }

test/fixtures/modules/tests-cases/values-4/file2.css

@@ -38,6 +38,17 @@ function evaluated(output, modules, moduleId = 1) {
             'import/node_modules',
             'url',
             'url/node_modules',
+            'modules/tests-cases/urls',
+            'modules/tests-cases/comments',
+            'modules/tests-cases/values-3',
+            'modules/tests-cases/values-4',
+            'modules/tests-cases/values-5',
+            'modules/tests-cases/values-6',
+            'modules/tests-cases/values-7',
+            'modules/tests-cases/composes-1',
+            'modules/tests-cases/composes-2',
+            'modules/tests-cases/composes-multiple',
+            'modules/tests-cases/composes-with-importing',
           ].map((importedPath) =>
             path.resolve(__dirname, `./fixtures/${importedPath}`, module)
           );