html-browser-tester 0.0.18 → 0.0.20

package/lib/browser-test.d.ts

@@ -18,11 +18,15 @@ export declare class BrowserTester {
     private iframe;
     private tests;
     private expects;
+    private beforeAllCallbacks;
+    private afterAllCallbacks;
     private beforeEachCallbacks;
     private afterEachCallbacks;
     constructor({ html, url, width, height, }: Option);
     spyOn<T extends string>(obj: Record<T, Function>, key: T): Spy<T>;
     setBrowserSize(width: number, height: number): void;
+    beforeAll(callback: (window: Window, doc: Document) => Promise<void>): void;
+    afterAll(callback: (window: Window, doc: Document) => Promise<void>): void;
     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, iframe: HTMLIFrameElement) => Promise<void>): void;
@@ -67,7 +71,7 @@ export declare class BrowserTester {
         };
     };
     clearTests(): void;
-    evaluate(code: string): void;
+    evaluate(code: string, args?: Record<string, unknown>): void;
     run(): Promise<Result[]>;
 }
 export {};

package/lib/browser-test.js

@@ -11,6 +11,8 @@ class BrowserTester {
     iframe;
     tests = [];
     expects = new expect_1.Expect();
+    beforeAllCallbacks = [];
+    afterAllCallbacks = [];
     beforeEachCallbacks = [];
     afterEachCallbacks = [];
     constructor({ html = '', url = '', width, height, }) {
@@ -34,6 +36,12 @@ class BrowserTester {
             this.iframe.height = `${height}px`;
         }
     }
+    beforeAll(callback) {
+        this.beforeAllCallbacks.push(callback);
+    }
+    afterAll(callback) {
+        this.afterAllCallbacks.push(callback);
+    }
     beforeEach(callback) {
         this.beforeEachCallbacks.push(callback);
     }
@@ -59,9 +67,9 @@ class BrowserTester {
     clearTests() {
         this.tests = [];
     }
-    evaluate(code) {
-        const func = new Function('test', 'it', 'expect', 'beforeEach', 'afterEach', 'setBrowserSize', 'spyOn', code);
-        func(this.test.bind(this), this.it.bind(this), this.expect.bind(this), this.beforeEach.bind(this), this.afterEach.bind(this), this.setBrowserSize.bind(this), this.spyOn);
+    evaluate(code, args = {}) {
+        const func = new Function('test', 'it', 'expect', 'beforeEach', 'afterEach', 'beforeAll', 'afterAll', 'setBrowserSize', 'spyOn', ...Object.keys(args), code);
+        func(this.test.bind(this), this.it.bind(this), this.expect.bind(this), this.beforeEach.bind(this), this.afterEach.bind(this), this.beforeAll.bind(this), this.afterAll.bind(this), this.setBrowserSize.bind(this), this.spyOn, ...Object.values(args));
     }
     run() {
         return new Promise((resolve) => {
@@ -83,6 +91,9 @@ class BrowserTester {
             const iframeCallback = async () => {
                 iframe.removeEventListener('load', iframeCallback);
                 const results = [];
+                for (const b of this.beforeAllCallbacks) {
+                    await b(iframe.contentWindow, iframe.contentDocument);
+                }
                 for (const t of this.tests) {
                     for (const b of this.beforeEachCallbacks) {
                         await b(iframe.contentWindow, iframe.contentDocument);
@@ -107,6 +118,9 @@ class BrowserTester {
                         await a(iframe.contentWindow, iframe.contentDocument);
                     }
                 }
+                for (const a of this.afterAllCallbacks) {
+                    await a(iframe.contentWindow, iframe.contentDocument);
+                }
                 iframe.removeEventListener('load', iframeCallback);
                 URL.revokeObjectURL(url);
                 iframe.remove();

package/lib/main.js

@@ -49,6 +49,14 @@ const main = async () => {
         browserTest.expect(spy).toHaveBeenCalled();
         browserTest.expect(spy).toHaveBeenCalledWith('hello');
     });
+    await browserTest.evaluate(`
+    test('h1,h2 textContent should have right textContent2', async (_, doc) => {
+      const h1 = doc.querySelector('h1')
+      const h2 = doc.querySelector('h2')
+      expect(h1?.textContent).toBe('Title1')
+      expect(h2?.textContent).toBe('Title2')
+    })
+  `);
     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.18",
+  "version": "0.0.20",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",