Test: add tests for html (closes #21) (#28)

JPeer264 · web-flow · commit 6c5eb4475d13 · 2018-08-26T15:11:21.000+02:00
diff --git a/test/files/issue21/fixtures/index.html b/test/files/issue21/fixtures/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>'</title>
+    <link rel="stylesheet" href="style.css" type="text/css">
+</head>
+
+<body class="in wf-active">
+    <p>'</p>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/test/files/issue21/fixtures/style.css b/test/files/issue21/fixtures/style.css
@@ -0,0 +1,7 @@
+.wf-active {
+  color: red;
+}
+
+.in {
+  font-weight: bold;
+}
diff --git a/test/files/issue21/results/index.html b/test/files/issue21/results/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>'</title>
+    <link rel="stylesheet" href="style.css" type="text/css">
+</head>
+
+<body class="b a">
+    <p>'</p>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/test/files/issue21/results/style.css b/test/files/issue21/results/style.css
@@ -0,0 +1,7 @@
+.a {
+  color: red;
+}
+
+.b {
+  font-weight: bold;
+}
diff --git a/test/integration.js b/test/integration.js
@@ -2,11 +2,13 @@ import test from 'ava';
 import path from 'path';
 import fs from 'fs-extra';
 import rcsCore from 'rcs-core';
+import { minify } from 'html-minifier';
 
 import rcs from '../';
 
-const testCwd = 'test/files/testCache';
-const fixturesCwd = 'test/files/fixtures';
+const testFiles = 'test/files';
+const testCwd = path.join(testFiles, 'testCache');
+const fixturesCwd = path.join(testFiles, 'fixtures');
 
 test.beforeEach(() => {
   rcsCore.nameGenerator.setAlphabet('#abcdefghijklmnopqrstuvwxyz');
@@ -54,3 +56,56 @@ test.cb('issue #19 | detect one file', (t) => {
     });
   });
 });
+
+test.cb('issue #21 | with auto', (t) => {
+  const issueFixture = path.join(testFiles, 'issue21/fixtures');
+  const issueResults = path.join(testFiles, 'issue21/results');
+
+  rcs.process.auto(['style.css', 'index.html'], {
+    newPath: testCwd,
+    cwd: issueFixture,
+  }, (err) => {
+    t.falsy(err);
+
+    const newCss = fs.readFileSync(path.join(testCwd, '/style.css'), 'utf8');
+    const newHtml = fs.readFileSync(path.join(testCwd, '/index.html'), 'utf8');
+    const expectedCss = fs.readFileSync(path.join(issueResults, '/style.css'), 'utf8');
+    const expectedHtml = fs.readFileSync(path.join(issueResults, '/index.html'), 'utf8');
+
+    t.is(newCss, expectedCss);
+    t.is(
+      minify(newHtml, { collapseWhitespace: true }),
+      minify(expectedHtml, { collapseWhitespace: true }),
+    );
+
+    t.end();
+  });
+});
+
+test.cb('issue #21 | with seperated process functions', (t) => {
+  const issueFixture = path.join(testFiles, 'issue21/fixtures');
+  const issueResults = path.join(testFiles, 'issue21/results');
+
+  rcs.process.css('style.css', {
+    newPath: testCwd,
+    cwd: issueFixture,
+  }, () => {
+    rcs.process.html('index.html', {
+      newPath: testCwd,
+      cwd: issueFixture,
+    }, () => {
+      const newCss = fs.readFileSync(path.join(testCwd, '/style.css'), 'utf8');
+      const newHtml = fs.readFileSync(path.join(testCwd, '/index.html'), 'utf8');
+      const expectedCss = fs.readFileSync(path.join(issueResults, '/style.css'), 'utf8');
+      const expectedHtml = fs.readFileSync(path.join(issueResults, '/index.html'), 'utf8');
+
+      t.is(newCss, expectedCss);
+      t.is(
+        minify(newHtml, { collapseWhitespace: true }),
+        minify(expectedHtml, { collapseWhitespace: true }),
+      );
+
+      t.end();
+    });
+  });
+});

-Original file line number
+Diff line change
@@ @@ -0,0 +1,7 @@ @@
 +.a {
 +  color: red;
 +}
++
 +.b {
 +  font-weight: bold;
 +}