Added a failing test showing duplication of styles when multiple sources compose the same shared style

Author: joshwnj

test/test-cases.js

@@ -32,3 +32,24 @@ Object.keys( pipelines ).forEach( dirname => {
     } );
   } );
 } )
+
+// 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 )
+      })
+    } );
+  }
+} );

test/test-cases/multiple-sources/b.css

@@ -0,0 +1,4 @@
+.b {
+  composes: d from "./d.css";
+  color: #bbb;
+}

test/test-cases/multiple-sources/c.css

@@ -0,0 +1,3 @@
+.c {
+  color: #ccc;
+}

test/test-cases/multiple-sources/d.css

@@ -0,0 +1,3 @@
+.d {
+  color: #ddd;
+}

test/test-cases/multiple-sources/expected.css

@@ -0,0 +1,20 @@
+
+._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;
+}

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"
+}

test/test-cases/multiple-sources/source1.css

@@ -0,0 +1,5 @@
+.a {
+  composes: b from "./b.css";
+  composes: c from "./c.css";
+  color: #aaa;
+}

test/test-cases/multiple-sources/source2.css

@@ -0,0 +1,4 @@
+.foo {
+  composes: b from "./b.css";
+  color: #f00;
+}