Fix failing tests for extract-css package.

jonkemp · jonkemp · commit 0b3fa73bc71f · 2022-07-07T09:03:14.000-04:00
diff --git a/packages/extract-css/test/expected/codeblocks.html b/packages/extract-css/test/expected/codeblocks.html
@@ -1,4 +1,6 @@
 <html>
+<head>
+</head>
 <body>
     {{#if `age <= 40`}}<p>Young</p>{{/if}}
 </body>
diff --git a/packages/extract-css/test/expected/malformed.html b/packages/extract-css/test/expected/malformed.html
@@ -1 +1,2 @@
-<html><body style="padding-top: 20px;"></body></html>
+<html><head></head><body style="padding-top: 20px;">
+</body></html>
diff --git a/packages/extract-css/test/expected/out.html b/packages/extract-css/test/expected/out.html
@@ -7,9 +7,11 @@
   <body>
     <h1>Hi</h1>
     <table>
-      <tr>
-        <td class="headline">Some Headline</td>
-      </tr>
+      <tbody>
+        <tr>
+          <td class="headline">Some Headline</td>
+        </tr>
+      </tbody>
     </table>
   </body>
 </html>
diff --git a/packages/extract-css/test/fixtures/codeblocks.html b/packages/extract-css/test/fixtures/codeblocks.html
@@ -1,6 +1,4 @@
 <html><link rel="stylesheet" href="codeblocks.css" />
 <body>
-    {{#if `age <= 40`}}<p>Young</p>{{/if}}
-</body>
-</html>
+    {{#if `age <= 40`}}<p>Young</p>{{/if}}</body></html>
     
diff --git a/packages/extract-css/test/fixtures/in.html b/packages/extract-css/test/fixtures/in.html
@@ -14,6 +14,4 @@ <h1>Hi</h1>
       <tr>
         <td class="headline">Some Headline</td>
       </tr>
-    </table>
-  </body>
-</html>
+    </table></body></html>
diff --git a/packages/extract-css/test/main.js b/packages/extract-css/test/main.js
@@ -4,6 +4,7 @@ const should = require('should');
 const fs = require('fs');
 const path = require('path');
 const Vinyl = require('vinyl');
+const beautify = require('js-beautify').html;
 const extractCss = require('../index');
 
 function getFile(filePath) {
@@ -21,7 +22,7 @@ function compare(fixturePath, expectedHTML, expectedCSS, options, done) {
     options.url = `file://${file.path}`;
 
     extractCss(file.contents.toString('utf8'), options, (err, html, css) => {
-        html.should.be.equal(String(fs.readFileSync(expectedHTML)));
+        beautify(html).should.be.equal(beautify(String(fs.readFileSync(expectedHTML))));
         css.should.be.equal(String(fs.readFileSync(expectedCSS)));
 
         done();

-Original file line number
+Diff line change
 <html>
 +<head>
 +</head>
 <body>
     {{#if `age <= 40`}}<p>Young</p>{{/if}}
 </body>
Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`		`-<html><body style="padding-top: 20px;"></body></html>`
	`1`	`+<html><head></head><body style="padding-top: 20px;">`
	`2`	`+</body></html>`