setup tests

2026-04-01 12:00:00 +08:00
parent a71fb73aaf
commit ed2bc918e0
9 changed files with 169 additions and 7 deletions
--- a/test/html/about-mozilla.html
+++ b/test/html/about-mozilla.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>The Book of Mozilla, 11:9</title>
+  <style type="text/css">
+    html {
+      background: maroon;
+      color: white;
+      font-style: italic;
+    }
+
+    #moztext {
+      margin-top: 15%;
+      font-size: 1.1em;
+      font-family: serif;
+      text-align: center;
+      line-height: 1.5;
+    }
+
+    #from {
+      font-size: 1.95em;
+      font-family: serif;
+      text-align: right;
+    }
+
+    em {
+      font-size: 1.3em;
+      line-height: 0;
+    }
+
+    a {
+      text-decoration: none;
+      color: white;
+    }
+  </style>
+</head>
+
+<body>
+
+  <p id="moztext">
+    Mammon slept. And the <em>beast reborn</em> spread over the earth and its numbers
+    grew legion. And they proclaimed the times and <em>sacrificed</em> crops unto the
+    fire, with the <em>cunning of foxes</em>. And they built a new world in their own
+    image as promised by the <em><a href="http://www.mozilla.org/about/mozilla-manifesto.html">
+        sacred words</a></em>, and <em><a href="http://wiki.mozilla.org/About:mozilla">spoke
+      </a></em> of the beast with their children. Mammon awoke, and lo! it was
+    <em>naught</em> but a follower.
+  </p>
+
+  <p id="from">
+    from <strong>The Book of Mozilla,</strong> 11:9<br /><small>(10th Edition)</small>
+  </p>
+
+</body>
+
+</html>
--- a/test/html/basic.html
+++ b/test/html/basic.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
--- a/test/index.ts
+++ b/test/index.ts
@@ -0,0 +1,70 @@
+import 'mocha';
+import mochaDom = require('mocha-jsdom');
+import { expect } from 'chai';
+import * as fs from 'fs';
+import * as path from 'path';
+import { JSDOM } from 'jsdom';
+import { snapshot, rebuild } from '../src';
+
+const htmlFolder = path.join(__dirname, 'html');
+const htmls = fs.readdirSync(htmlFolder).map(filePath => {
+  return {
+    filePath,
+    content: fs.readFileSync(path.resolve(htmlFolder, filePath), 'utf-8'),
+  };
+});
+
+describe('integration tests', () => {
+  mochaDom({ url: 'http://localhost' });
+
+  it('will snapshot document type', () => {
+    const raw = '<html></html>';
+    const dom = new JSDOM(raw);
+    const snap = snapshot(dom.window.document);
+    expect(snap).to.deep.equal({
+      type: 0,
+      childNodes: [
+        {
+          type: 2,
+          tagName: 'html',
+          attributes: {},
+          childNodes: [
+            {
+              type: 2,
+              tagName: 'head',
+              attributes: {},
+              childNodes: [],
+              id: 3,
+            },
+            {
+              type: 2,
+              tagName: 'body',
+              attributes: {},
+              childNodes: [],
+              id: 4,
+            },
+          ],
+          id: 2,
+        },
+      ],
+      id: 1,
+    });
+  });
+
+  it('will not throw error with invalid attribute', () => {
+    const raw = `<html foo='bar' ''></html>`;
+    const dom = new JSDOM(raw);
+    expect(() => rebuild(snapshot(dom.window.document))).not.to.throw();
+  });
+
+  for (const html of htmls) {
+    it('[html file]:' + html.filePath, () => {
+      const dom = new JSDOM(html.content);
+      const snap = snapshot(dom.window.document);
+      const rebuildDom = rebuild(snap);
+      expect((rebuildDom as Document).documentElement.outerHTML).to.equal(
+        dom.window.document.documentElement.outerHTML,
+      );
+    });
+  }
+});