html-browser-tester 0.0.6 → 0.0.8

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

@@ -21,6 +21,7 @@ export declare class BrowserTester {
     beforeEach(callback: (window: Window, doc: Document) => Promise<void>): void;
     afterEach(callback: (window: Window, doc: Document) => Promise<void>): void;
     test(description: string, callback: (window: Window, doc: Document) => Promise<void>): void;
+    it(description: string, callback: (window: Window, doc: Document) => Promise<void>): void;
     expect(value: unknown): {
         toBe: (value: unknown) => void;
         toBeTruthy: (value: unknown) => void;
@@ -53,6 +54,7 @@ export declare class BrowserTester {
         };
     };
     clearTests(): void;
+    evaluate(code: string): void;
     run(): Promise<Result[]>;
 }
 export {};

package/lib/browser-test.js

@@ -40,12 +40,22 @@ class BrowserTester {
             callback,
         });
     }
+    it(description, callback) {
+        this.tests.push({
+            description,
+            callback,
+        });
+    }
     expect(value) {
         return this.expects.expect(value);
     }
     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" });
@@ -66,12 +76,20 @@ 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);

package/lib/main.js

@@ -37,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.6",
+  "version": "0.0.8",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",