ported tests from css-modules-loader-core to find possible regression

mightyaleksey · mightyaleksey · commit 01e8eb6d366a · 2015-08-02T22:36:29.000+03:00
diff --git a/package.json b/package.json
@@ -13,7 +13,7 @@
     "mocha": "^2.2.5"
   },
   "scripts": {
-    "test": "mocha test"
+    "test": "mocha --compilers js:babel/register"
   },
   "repository": {
     "type": "git",
diff --git a/test/cssi/interchange-format/colors.css b/test/cssi/interchange-format/colors.css
@@ -0,0 +1,7 @@
+:export {
+  blackShadow: x__single_import_export_colors__blackShadow;
+}
+
+.x__single_import_export_colors__blackShadow {
+  box-shadow: 0 0 10px -2px black;
+}
diff --git a/test/cssi/interchange-format/expected.css b/test/cssi/interchange-format/expected.css
@@ -0,0 +1,6 @@
+.x__single_import_export_colors__blackShadow {
+  box-shadow: 0 0 10px -2px black;
+}
+.x__single_import_export_source__localName {
+  color: red;
+}
diff --git a/test/cssi/interchange-format/expected.json b/test/cssi/interchange-format/expected.json
@@ -0,0 +1,3 @@
+{
+  "localName": "x__single_import_export_source__localName x__single_import_export_colors__blackShadow"
+}
diff --git a/test/cssi/interchange-format/source.css b/test/cssi/interchange-format/source.css
@@ -0,0 +1,11 @@
+:import("./colors.css") {
+  i__tmp_import_djhgdsag: blackShadow;
+}
+
+:export {
+  localName: x__single_import_export_source__localName i__tmp_import_djhgdsag;
+}
+
+.x__single_import_export_source__localName {
+  color: red;
+}
diff --git a/test/cssi/pseudo-variables/colors.css b/test/cssi/pseudo-variables/colors.css
@@ -0,0 +1,4 @@
+:export {
+  black: #222;
+  white: #ddd;
+}
diff --git a/test/cssi/pseudo-variables/expected.css b/test/cssi/pseudo-variables/expected.css
@@ -0,0 +1,5 @@
+
+.x__lol {
+  color: #222;
+  background: #ddd;
+}
diff --git a/test/cssi/pseudo-variables/expected.json b/test/cssi/pseudo-variables/expected.json
@@ -0,0 +1,3 @@
+{
+  "lol": "x__lol"
+}
diff --git a/test/cssi/pseudo-variables/source.css b/test/cssi/pseudo-variables/source.css
@@ -0,0 +1,13 @@
+:import("./colors.css") {
+  i__black: black;
+  i__white: white;
+}
+
+:export {
+  lol: x__lol;
+}
+
+.x__lol {
+  color: i__black;
+  background: i__white;
+}
diff --git a/test/example.css b/test/example.css
diff --git a/test/index.js b/test/index.js
diff --git a/test/test-cases.js b/test/test-cases.js
@@ -0,0 +1,59 @@
+'use strict';
+
+import assert from 'assert'
+import fs from 'fs'
+import path from 'path'
+import FileSystemLoader from 'css-modules-loader-core/lib/file-system-loader'
+
+let normalize = ( str ) => {
+  return str.replace( /\r\n?/g, '\n' );
+}
+
+const pipelines = {
+  'test-cases': undefined,
+  'cssi': []
+}
+
+Object.keys( pipelines ).forEach( dirname => {
+  describe( dirname, () => {
+    let testDir = path.join( __dirname, dirname )
+
+    fs.readdirSync( testDir ).forEach( testCase => {
+      if ( fs.existsSync( path.join( testDir, testCase, 'source.css' ) ) ) {
+        it( 'should ' + testCase.replace( /-/g, ' ' ), done => {
+          let expected = normalize( fs.readFileSync( path.join( testDir, testCase, 'expected.css' ), 'utf-8' ) )
+          let loader = new FileSystemLoader( testDir, pipelines[dirname] )
+          let expectedTokens = JSON.parse( fs.readFileSync( path.join( testDir, testCase, 'expected.json' ), 'utf-8' ) )
+
+          loader.fetch( `${testCase}/source.css`, '/' ).then( tokens => {
+            assert.equal( loader.finalSource, expected )
+            assert.equal( JSON.stringify( tokens ), JSON.stringify( expectedTokens ) )
+          } ).then( done, done )
+        } );
+      }
+    } );
+  } );
+} )
+
+// special case for testing multiple sources
+describe( 'multiple sources', () => {
+  let testDir = path.join( __dirname, 'test-cases' )
+  let testCase = 'multiple-sources';
+  let dirname = 'test-cases';
+
+  if ( fs.existsSync( path.join( testDir, testCase, 'source1.css' ) ) ) {
+    it( 'should ' + testCase.replace( /-/g, ' ' ), done => {
+      let expected = normalize( fs.readFileSync( path.join( testDir, testCase, 'expected.css' ), 'utf-8' ) )
+      let loader = new FileSystemLoader( testDir, pipelines[dirname] )
+      let expectedTokens = JSON.parse( fs.readFileSync( path.join( testDir, testCase, 'expected.json' ), 'utf-8' ) )
+
+      loader.fetch( `${testCase}/source1.css`, '/' ).then( tokens1 => {
+        loader.fetch( `${testCase}/source2.css`, '/' ).then( tokens2 => {
+          assert.equal( loader.finalSource, expected )
+          const tokens = Object.assign({}, tokens1, tokens2);
+          assert.equal( JSON.stringify( tokens ), JSON.stringify( expectedTokens ) )
+        } ).then( done, done )
+      })
+    } );
+  }
+} );
diff --git a/test/test-cases/localise-export/expected.css b/test/test-cases/localise-export/expected.css
@@ -0,0 +1,9 @@
+._localise_export_source__one {
+  color: red;
+}
+._localise_export_source__two {
+  color: green;
+}
+._localise_export_source__three {
+  color: blue;
+}
diff --git a/test/test-cases/localise-export/expected.json b/test/test-cases/localise-export/expected.json
@@ -0,0 +1,5 @@
+{
+  "one": "_localise_export_source__one",
+  "two": "_localise_export_source__two",
+  "three": "_localise_export_source__three"
+}
diff --git a/test/test-cases/localise-export/source.css b/test/test-cases/localise-export/source.css
@@ -0,0 +1,9 @@
+:local(.one) {
+  color: red;
+}
+:local(.two) {
+  color: green;
+}
+:local(.three) {
+  color: blue;
+}
diff --git a/test/test-cases/multiple-dependencies/b.css b/test/test-cases/multiple-dependencies/b.css
@@ -0,0 +1,8 @@
+.b1 {
+  composes: d1 d2 from "./d.css";
+  color: #b1b1b1;
+}
+
+.b2 {
+  color: #b2b2b2;
+}
diff --git a/test/test-cases/multiple-dependencies/c.css b/test/test-cases/multiple-dependencies/c.css
@@ -0,0 +1,3 @@
+.c {
+  color: #ccc;
+}
diff --git a/test/test-cases/multiple-dependencies/d.css b/test/test-cases/multiple-dependencies/d.css
@@ -0,0 +1,6 @@
+.d1 {
+  color: #d1d1d1;
+}
+.d2 {
+  color: #d2d2d2;
+}
diff --git a/test/test-cases/multiple-dependencies/expected.css b/test/test-cases/multiple-dependencies/expected.css
@@ -0,0 +1,20 @@
+._multiple_dependencies_d__d1 {
+  color: #d1d1d1;
+}
+._multiple_dependencies_d__d2 {
+  color: #d2d2d2;
+}
+._multiple_dependencies_b__b1 {
+  color: #b1b1b1;
+}
+
+._multiple_dependencies_b__b2 {
+  color: #b2b2b2;
+}
+._multiple_dependencies_c__c {
+  color: #ccc;
+}
+._multiple_dependencies_source__a {
+  color: #aaa;
+}
+
diff --git a/test/test-cases/multiple-dependencies/expected.json b/test/test-cases/multiple-dependencies/expected.json
@@ -0,0 +1,3 @@
+{
+  "a": "_multiple_dependencies_source__a _multiple_dependencies_b__b1 _multiple_dependencies_d__d1 _multiple_dependencies_d__d2 _multiple_dependencies_b__b2 _multiple_dependencies_c__c"
+}
diff --git a/test/test-cases/multiple-dependencies/source.css b/test/test-cases/multiple-dependencies/source.css
@@ -0,0 +1,6 @@
+.a {
+  composes: b1 b2 from "./b.css";
+  composes: c from "./c.css";
+  color: #aaa;
+}
+
diff --git a/test/test-cases/multiple-sources/b.css b/test/test-cases/multiple-sources/b.css
@@ -0,0 +1,4 @@
+.b {
+  composes: d from "./d.css";
+  color: #bbb;
+}
diff --git a/test/test-cases/multiple-sources/c.css b/test/test-cases/multiple-sources/c.css
@@ -0,0 +1,3 @@
+.c {
+  color: #ccc;
+}
diff --git a/test/test-cases/multiple-sources/d.css b/test/test-cases/multiple-sources/d.css
@@ -0,0 +1,3 @@
+.d {
+  color: #ddd;
+}
diff --git a/test/test-cases/multiple-sources/expected.css b/test/test-cases/multiple-sources/expected.css
@@ -0,0 +1,15 @@
+._multiple_sources_d__d {
+  color: #ddd;
+}
+._multiple_sources_b__b {
+  color: #bbb;
+}
+._multiple_sources_c__c {
+  color: #ccc;
+}
+._multiple_sources_source1__a {
+  color: #aaa;
+}
+._multiple_sources_source2__foo {
+  color: #f00;
+}
diff --git a/test/test-cases/multiple-sources/expected.json b/test/test-cases/multiple-sources/expected.json
@@ -0,0 +1,4 @@
+{
+  "a": "_multiple_sources_source1__a _multiple_sources_b__b _multiple_sources_d__d _multiple_sources_c__c",
+  "foo": "_multiple_sources_source2__foo _multiple_sources_b__b _multiple_sources_d__d"
+}
diff --git a/test/test-cases/multiple-sources/source1.css b/test/test-cases/multiple-sources/source1.css
@@ -0,0 +1,5 @@
+.a {
+  composes: b from "./b.css";
+  composes: c from "./c.css";
+  color: #aaa;
+}
diff --git a/test/test-cases/multiple-sources/source2.css b/test/test-cases/multiple-sources/source2.css
@@ -0,0 +1,4 @@
+.foo {
+  composes: b from "./b.css";
+  color: #f00;
+}
diff --git a/test/test-cases/simple-export/expected.css b/test/test-cases/simple-export/expected.css
@@ -0,0 +1,7 @@
+._simple_export_source__localName {
+  color: red;
+}
+
+._simple_export_source__localName:hover {
+  color: blue;
+}
diff --git a/test/test-cases/simple-export/expected.json b/test/test-cases/simple-export/expected.json
@@ -0,0 +1,3 @@
+{
+  "localName": "_simple_export_source__localName"
+}
diff --git a/test/test-cases/simple-export/source.css b/test/test-cases/simple-export/source.css
@@ -0,0 +1,7 @@
+.localName {
+  color: red;
+}
+
+.localName:hover {
+  color: blue;
+}
diff --git a/test/test-cases/single-import-export/colors.css b/test/test-cases/single-import-export/colors.css
@@ -0,0 +1,7 @@
+.blackShadow {
+  box-shadow: 0 0 10px -2px black;
+}
+
+.redBorder {
+  border: 1px solid red;
+}
diff --git a/test/test-cases/single-import-export/expected.css b/test/test-cases/single-import-export/expected.css
@@ -0,0 +1,10 @@
+._single_import_export_colors__blackShadow {
+  box-shadow: 0 0 10px -2px black;
+}
+
+._single_import_export_colors__redBorder {
+  border: 1px solid red;
+}
+._single_import_export_source__localName {
+  color: red;
+}
diff --git a/test/test-cases/single-import-export/expected.json b/test/test-cases/single-import-export/expected.json
@@ -0,0 +1,3 @@
+{
+  "localName": "_single_import_export_source__localName _single_import_export_colors__blackShadow _single_import_export_colors__redBorder"
+}
diff --git a/test/test-cases/single-import-export/source.css b/test/test-cases/single-import-export/source.css
@@ -0,0 +1,4 @@
+.localName {
+  composes: blackShadow redBorder from "./colors.css";
+  color: red;
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "localName": "x__single_import_export_source__localName x__single_import_export_colors__blackShadow"`
	`3`	`+}`