html-browser-tester 0.0.5 → 0.0.7

package/README.md

@@ -57,7 +57,39 @@ const main = async () => {
   const results = await browserTester.run()
 
   console.log(results)
+  /*
+   [
+    { description: 'h1,h2 textContent should have right textContent', result: true },
+    { description: 'title should have right textContent', result: true },
+    { description: 'h2 should have red text', result: true }
+   ]
+  */
 }
 
 main()
-```
+```
+
+### Evaluate
+
+You can also evaluate template literals to run tests
+
+```js
+browserTest.evaluate(`
+  test('h1,h2 textContent should have right textContent', async (_, doc) => {
+    const h1 = doc.querySelector('h1')
+    const h2 = doc.querySelector('h2')
+    expect(h1?.textContent).toBe('Title1')
+    expect(h2?.textContent).toBe('Title2')
+  })
+
+  test('title should have right textContent', async (_, doc) => {
+    const title = doc.querySelector('title')
+    expect(title?.textContent).toBe('Hello')
+  })
+
+  test('h2 should have red text', async (window, doc) => {
+    const h2 = doc.querySelector('h2')
+    expect(window.getComputedStyle(h2).color).toBe('rgb(255, 0, 0)')
+  })
+`)
+```

package/lib/browser-test.d.ts

@@ -53,6 +53,7 @@ export declare class BrowserTester {
         };
     };
     clearTests(): void;
+    evaluate(code: string): void;
     run(): Promise<Result[]>;
 }
 export {};

package/lib/browser-test.js

@@ -1,11 +1,14 @@
-import { Expect } from "./expect";
-export class BrowserTester {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserTester = void 0;
+const expect_1 = require("./expect");
+class BrowserTester {
     html = '';
     width;
     height;
     iframe;
     tests = [];
-    expects = new Expect();
+    expects = new expect_1.Expect();
     beforeEachCallbacks = [];
     afterEachCallbacks = [];
     constructor({ html = '', width, height, }) {
@@ -43,6 +46,10 @@ export class BrowserTester {
     clearTests() {
         this.tests = [];
     }
+    evaluate(code) {
+        const func = new Function('test', 'expect', 'beforeEach', 'afterEach', code);
+        func(this.test.bind(this), this.expect.bind(this), this.beforeEach.bind(this), this.afterEach.bind(this));
+    }
     run() {
         return new Promise((resolve) => {
             const blob = new Blob([this.html], { type: "text/html" });
@@ -63,12 +70,20 @@ export class BrowserTester {
                     for (const b of this.beforeEachCallbacks) {
                         await b(iframe.contentWindow, iframe.contentDocument);
                     }
-                    await t.callback(iframe.contentWindow, iframe.contentDocument);
                     const { description } = t;
-                    results.push({
-                        description,
-                        result: this.expects.isAllPassed()
-                    });
+                    try {
+                        await t.callback(iframe.contentWindow, iframe.contentDocument);
+                        results.push({
+                            description,
+                            result: this.expects.isAllPassed()
+                        });
+                    }
+                    catch (e) {
+                        results.push({
+                            description,
+                            result: false,
+                        });
+                    }
                     this.expects.clean();
                     for (const a of this.afterEachCallbacks) {
                         await a(iframe.contentWindow, iframe.contentDocument);
@@ -84,3 +99,4 @@ export class BrowserTester {
         });
     }
 }
+exports.BrowserTester = BrowserTester;

package/lib/expect/assert.js

@@ -1,4 +1,7 @@
-export const assert = (expected) => ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assert = void 0;
+const assert = (expected) => ({
     toBe: (resut) => {
         return expected === resut;
     },
@@ -60,3 +63,4 @@ export const assert = (expected) => ({
         return false;
     },
 });
+exports.assert = assert;

package/lib/expect/index.js

@@ -1,8 +1,11 @@
-import { assert } from './assert';
-export class Expect {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Expect = void 0;
+const assert_1 = require("./assert");
+class Expect {
     expects = [];
     expect(expected) {
-        const assertedObject = assert(expected);
+        const assertedObject = (0, assert_1.assert)(expected);
         const returnObject = {
             not: {},
         };
@@ -25,3 +28,4 @@ export class Expect {
         return this.expects.every(e => e);
     }
 }
+exports.Expect = Expect;

package/lib/main.js

@@ -1,4 +1,6 @@
-import { BrowserTester } from "./browser-test";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const browser_test_1 = require("./browser-test");
 const html = `
   <!DOCTYPE html>
   <html lang="ja">
@@ -20,7 +22,7 @@ const html = `
   </html>
 `;
 const main = async () => {
-    const browserTest = new BrowserTester({ html, width: 980, height: 980 });
+    const browserTest = new browser_test_1.BrowserTester({ html, width: 980, height: 980 });
     browserTest.test('h1,h2 textContent should have right textContent', async (_, doc) => {
         const h1 = doc.querySelector('h1');
         const h2 = doc.querySelector('h2');
@@ -35,6 +37,10 @@ const main = async () => {
         const h2 = doc.querySelector('h2');
         browserTest.expect(window.getComputedStyle(h2).color).toBe('rgb(255, 0, 0)');
     });
+    // browserTest.test('can insert text to h5', async (window, doc) => {
+    //   const h5 = doc.querySelector('h5') as HTMLHeadingElement
+    //   h5.textContent = 'aaaa'
+    // })
     const results = await browserTest.run();
     console.log(results);
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "html-browser-tester",
   "main": "./lib/browser-test.js",
   "types": "./lib/browser-test.d.ts",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",

package/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ES2022",
     "useDefineForClassFields": true,
-    "module": "ES2022",
+    "module": "CommonJS",
     "lib": ["DOM", "DOM.Iterable", "ES2022"],
     "declaration": true,
     "declarationDir": "./lib",