Merge pull request #281 from hannu/scoped-integration-tests

Implement integration tests for scoped styles
SC5 · Nov 27, 2014 · 8104d6b · 8104d6b
2 parents 5508e63 + 0148d33
commit 8104d6b
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 0 deletions.
diff --git a/test/integration/structure.test.js b/test/integration/structure.test.js
@@ -110,6 +110,62 @@ describe('styleguide_pseudo_styles.css', function() {
   it('should exist', function() {
     expect(styleguideFile).to.be.an('object');
   });
+
+  it('should contain pseudo classes converted to normal class names', function() {
+    expect(styleguideFile.contents.toString()).to.contain('.section.pseudo-class-hover {');
+    expect(styleguideFile.contents.toString()).to.contain('.section.pseudo-class-active {');
+  });
+});
+
+describe('scoped_styleguide.css', function() {
+  var styleguideFile;
+  this.timeout(5000);
+
+  before(function(done) {
+    var files = [];
+    styleguideStream().pipe(
+      through.obj({objectMode: true}, collector(files), function(callback) {
+        styleguideFile = findFile(files, 'scoped_styleguide.css');
+        callback();
+        done();
+      })
+    );
+  });
+
+  it('should exist', function() {
+    expect(styleguideFile).to.be.an('object');
+  });
+
+  it('should contain styles prefixed with the ::content selector', function() {
+    expect(styleguideFile.contents.toString()).to.contain('::content .section1');
+    expect(styleguideFile.contents.toString()).to.contain('::content .section2');
+    expect(styleguideFile.contents.toString()).to.contain('::content .section3');
+  });
+});
+
+describe('scoped_styleguide_pseudo_styles.css', function() {
+  var styleguideFile;
+  this.timeout(5000);
+
+  before(function(done) {
+    var files = [];
+    styleguideStream().pipe(
+      through.obj({objectMode: true}, collector(files), function(callback) {
+        styleguideFile = findFile(files, 'scoped_styleguide_pseudo_styles.css');
+        callback();
+        done();
+      })
+    );
+  });
+
+  it('should exist', function() {
+    expect(styleguideFile).to.be.an('object');
+  });
+
+  it('should contain styles prefixed with the ::content selector', function() {
+    expect(styleguideFile.contents.toString()).to.contain('::content .section.pseudo-class-hover {');
+    expect(styleguideFile.contents.toString()).to.contain('::content .section.pseudo-class-active {');
+  });
 });
 
 describe('overview.html', function() {

diff --git a/test/projects/less-project/source/styles/style.less b/test/projects/less-project/source/styles/style.less
@@ -10,6 +10,13 @@
 .section {
   color: @color-red;
 }
+.section:hover {
+  color: @color-green;
+}
+.section:active {
+  color: @color-blue;
+}
+
 
 // Section with modifiers
 //

diff --git a/test/projects/scss-project/source/styles/style.scss b/test/projects/scss-project/source/styles/style.scss
@@ -10,6 +10,13 @@
 .section {
   color: $color-red;
 }
+.section:hover {
+  color: $color-green;
+}
+.section:active {
+  color: $color-blue;
+}
+
 
 // Section with modifiers
 //