twd-js 0.6.0 → 0.7.1

package/dist/mock-sw.js

@@ -1 +1 @@
-function u(e,s,n){return n.find(t=>{const o=t.method.toLowerCase()===e.toLowerCase();if(t.urlRegex){const a=new RegExp(t.url);return o&&a.test(s)}const l=t.url===s||s.includes(t.url);return o&&l})}function d(e,s,n){e.forEach(t=>t.postMessage({type:"EXECUTED",alias:s.alias,request:n}))}const f=(e,s,n)=>{const o=![204,205,304].includes(s),l=o?JSON.stringify(e):null;return new Response(l,{status:s,headers:o?n||{"Content-Type":"application/json"}:n||{}})};let c=[];const h=async e=>{const{method:s}=e.request,n=e.request.url,t=u(s,n,c);t&&(console.log("[TWD] Mock hit:",t.alias,s,n),e.respondWith((async()=>{let o=null;const l=e.request.headers.get("content-type")||"application/json";if(l.includes("application/json"))try{o=await e.request.clone().json()}catch{}else if(l.includes("form"))try{const a=await e.request.clone().formData();o={},a.forEach((r,i)=>{o[i]=r})}catch{}else if(l.includes("text"))try{o=await e.request.clone().text()}catch{}else if(l.includes("octet-stream"))try{o=await e.request.clone().arrayBuffer()}catch{}else if(l.includes("image"))try{o=await e.request.clone().blob()}catch{}else try{o=await e.request.clone().text()}catch{}return self.clients.matchAll().then(a=>{d(a,t,o)}),f(t.response,t.status??200,t.responseHeaders)})()))},y=e=>{const{type:s,rule:n}=e.data||{};s==="ADD_RULE"&&(c=c.filter(t=>t.alias!==n.alias),c.push(n),console.log("[TWD] Rule added:",n)),s==="CLEAR_RULES"&&(c=[],console.log("[TWD] All rules cleared"))};console.log("[TWD] Mock Service Worker loaded - version 0.6.0");self.addEventListener("fetch",h);self.addEventListener("message",y);
+const u=e=>{try{return new RegExp(e),!0}catch{return!1}};function d(e,s,n){return n.find(t=>{const o=t.method.toLowerCase()===e.toLowerCase();if(t.urlRegex&&u(t.url)){const a=new RegExp(t.url);return o&&a.test(s)}const l=t.url===s||s.includes(t.url);return o&&l})}function f(e,s,n){e.forEach(t=>t.postMessage({type:"EXECUTED",alias:s.alias,request:n}))}const h=(e,s,n)=>{const o=![204,205,304].includes(s),l=o?JSON.stringify(e):null;return new Response(l,{status:s,headers:o?n||{"Content-Type":"application/json"}:n||{}})};let c=[];const y=async e=>{const{method:s}=e.request,n=e.request.url,t=d(s,n,c);t&&(console.log("[TWD] Mock hit:",t.alias,s,n),e.respondWith((async()=>{let o=null;const l=e.request.headers.get("content-type")||"application/json";if(l.includes("application/json"))try{o=await e.request.clone().json()}catch{}else if(l.includes("form"))try{const a=await e.request.clone().formData();o={},a.forEach((r,i)=>{o[i]=r})}catch{}else if(l.includes("text"))try{o=await e.request.clone().text()}catch{}else if(l.includes("octet-stream"))try{o=await e.request.clone().arrayBuffer()}catch{}else if(l.includes("image"))try{o=await e.request.clone().blob()}catch{}else try{o=await e.request.clone().text()}catch{}return self.clients.matchAll().then(a=>{f(a,t,o)}),h(t.response,t.status??200,t.responseHeaders)})()))},p=e=>{const{type:s,rule:n}=e.data||{};s==="ADD_RULE"&&(c=c.filter(t=>t.alias!==n.alias),c.push(n),console.log("[TWD] Rule added:",n)),s==="CLEAR_RULES"&&(c=[],console.log("[TWD] All rules cleared"))};console.log("[TWD] Mock Service Worker loaded - version 0.7.1");self.addEventListener("fetch",y);self.addEventListener("message",p);

package/dist/runner-ci.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("chalk"),$=(e,t)=>{const f=[...e].filter(s=>!s.parent),o=(s,r=0)=>{const c="  ".repeat(r),u=t.find(a=>a.id===s.id);let n="",l="";s.type!=="suite"&&(u?.status==="pass"?n=i.green("✓"):u?.status==="fail"?(n=i.red("✗"),l=` - Error: ${u.error}`):n=i.yellow("○"));const p=s.type==="suite"?`${c}${s.name}`:`${c}${n} ${s.name}`;if(console.log(p),l&&console.log(i.red(`${c}${l}`)),s.children)for(const a of s.children){const d=e.find(y=>y.id===a);d&&o(d,r+1)}};for(const s of f)o(s)},g=async()=>{const e=window.__testRunner,t=[],o=await new e({onStart:()=>{},onPass:s=>{t.push({id:s.id,status:"pass"})},onFail:(s,r)=>{t.push({id:s.id,status:"fail",error:r.message})},onSkip:s=>{t.push({id:s.id,status:"skip"})}}).runAll();return{handlers:Array.from(o.values()),testStatus:t}};exports.executeTests=g;exports.reportResults=$;

package/dist/runner-ci.d.ts

@@ -0,0 +1,12 @@
+import { Handler } from './runner';
+interface TestResult {
+    id: string;
+    status: 'pass' | 'fail' | 'skip';
+    error?: string;
+}
+export declare const reportResults: (handlers: Handler[], testResults: TestResult[]) => void;
+export declare const executeTests: () => Promise<{
+    handlers: Handler[];
+    testStatus: TestResult[];
+}>;
+export {};

package/dist/runner-ci.es.js

@@ -0,0 +1,34 @@
+import i from "chalk";
+const y = (e, t) => {
+  const f = [...e].filter((s) => !s.parent), o = (s, r = 0) => {
+    const c = "  ".repeat(r), a = t.find((u) => u.id === s.id);
+    let n = "", l = "";
+    s.type !== "suite" && (a?.status === "pass" ? n = i.green("✓") : a?.status === "fail" ? (n = i.red("✗"), l = ` - Error: ${a.error}`) : n = i.yellow("○"));
+    const d = s.type === "suite" ? `${c}${s.name}` : `${c}${n} ${s.name}`;
+    if (console.log(d), l && console.log(i.red(`${c}${l}`)), s.children)
+      for (const u of s.children) {
+        const p = e.find(($) => $.id === u);
+        p && o(p, r + 1);
+      }
+  };
+  for (const s of f) o(s);
+}, g = async () => {
+  const e = window.__testRunner, t = [], o = await new e({
+    onStart: () => {
+    },
+    onPass: (s) => {
+      t.push({ id: s.id, status: "pass" });
+    },
+    onFail: (s, r) => {
+      t.push({ id: s.id, status: "fail", error: r.message });
+    },
+    onSkip: (s) => {
+      t.push({ id: s.id, status: "skip" });
+    }
+  }).runAll();
+  return { handlers: Array.from(o.values()), testStatus: t };
+};
+export {
+  g as executeTests,
+  y as reportResults
+};

package/dist/runner.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=new Map,i=new Map,c=new Map,a=[],h=()=>Math.random().toString(36).substr(2,9),f=(o,t)=>{const s=h(),e=a.at(-1);r.set(s,{id:s,name:o,type:"suite",children:[],logs:[],depth:a.length,parent:e,handler:t}),e&&r.get(e).children.push(s),a.push(s),t(),a.pop()},l=(o,t)=>{const s=h(),e=a.at(-1),n={id:s,name:o,type:"test",depth:a.length,handler:t,logs:[],parent:e};e&&r.get(e).children.push(s),r.set(s,n)};l.only=(o,t)=>{const s=h(),e=a.at(-1),n={id:s,name:o,type:"test",depth:a.length,handler:t,logs:[],parent:e,only:!0};e&&r.get(e).children.push(s),r.set(s,n)};l.skip=(o,t)=>{const s=h(),e=a.at(-1),n={id:s,name:o,type:"test",depth:a.length,handler:t||(()=>{}),logs:[],parent:e,skip:!0};e&&r.get(e).children.push(s),r.set(s,n)};const p=o=>{const t=a.at(-1);if(!t)throw new Error("beforeEach() must be inside a describe()");i.has(t)||i.set(t,[]),i.get(t).push(o)},d=o=>{const t=a.at(-1);if(!t)throw new Error("afterEach() must be inside a describe()");c.has(t)||c.set(t,[]),c.get(t).push(o)},g=o=>{const t=[],s=[];let e=o;for(;e;)i.has(e)&&t.unshift(...i.get(e)),c.has(e)&&s.push(...c.get(e)),e=r.get(e)?.parent;return{before:t,after:s}},y=()=>{r.clear(),i.clear(),c.clear()};class u{events;constructor(t){this.events=t}async runAll(){const t=Array.from(r.values()).filter(e=>!e.parent&&e.type==="suite"),s=Array.from(r.values()).some(e=>e.only);for(const e of t)await this.runSuite(e,s);return r}async runSingle(t){const s=r.get(t);if(!s||s.type!=="test")return;await this.runTest(s,!1)}async runSuite(t,s){this.events.onSuiteStart?.(t);const e=(t.children||[]).map(n=>r.get(n));for(const n of e)n.type==="suite"?await this.runSuite(n,s):n.type==="test"&&await this.runTest(n,s);this.events.onSuiteEnd?.(t)}async runTest(t,s){if(t.skip){this.events.onSkip(t);return}if(s&&!t.only)return;this.events.onStart?.(t);const e=g(t.parent);try{for(const n of e.before)await n();t.logs=[],await t.handler(),this.events.onPass(t)}catch(n){this.events.onFail(t,n)}finally{for(const n of e.after)await n()}}}window.__testRunner=u;exports.TestRunner=u;exports.afterEach=d;exports.beforeEach=p;exports.clearTests=y;exports.describe=f;exports.handlers=r;exports.it=l;

package/dist/runner.d.ts

@@ -0,0 +1,41 @@
+export interface Handler {
+    id: string;
+    name: string;
+    parent?: string;
+    handler: () => void | Promise<void>;
+    children?: string[];
+    type: 'suite' | 'test';
+    status?: 'idle' | 'pass' | 'fail' | 'skip' | 'running';
+    logs: string[];
+    depth: number;
+    only?: boolean;
+    skip?: boolean;
+}
+type HookFn = () => void | Promise<void>;
+export declare const handlers: Map<string, Handler>;
+export declare const describe: (name: string, handler: () => void) => void;
+export declare const it: {
+    (name: string, handler: () => void | Promise<void>): void;
+    only(name: string, handler: () => void | Promise<void>): void;
+    skip(name: string, handler?: () => void | Promise<void>): void;
+};
+export declare const beforeEach: (fn: HookFn) => void;
+export declare const afterEach: (fn: HookFn) => void;
+export declare const clearTests: () => void;
+export interface RunnerEvents {
+    onStart: (test: Handler) => void;
+    onPass: (test: Handler) => void;
+    onFail: (test: Handler, error: Error) => void;
+    onSkip: (test: Handler) => void;
+    onSuiteStart?: (suite: Handler) => void;
+    onSuiteEnd?: (suite: Handler) => void;
+}
+export declare class TestRunner {
+    private events;
+    constructor(events: RunnerEvents);
+    runAll(): Promise<Map<string, Handler>>;
+    runSingle(id: string): Promise<void>;
+    private runSuite;
+    private runTest;
+}
+export {};

package/dist/runner.es.js

@@ -0,0 +1,121 @@
+const r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), a = [], h = () => Math.random().toString(36).substr(2, 9), p = (o, t) => {
+  const s = h(), e = a.at(-1);
+  r.set(s, {
+    id: s,
+    name: o,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: a.length,
+    parent: e,
+    handler: t
+  }), e && r.get(e).children.push(s), a.push(s), t(), a.pop();
+}, l = (o, t) => {
+  const s = h(), e = a.at(-1), n = {
+    id: s,
+    name: o,
+    type: "test",
+    depth: a.length,
+    handler: t,
+    logs: [],
+    parent: e
+  };
+  e && r.get(e).children.push(s), r.set(s, n);
+};
+l.only = (o, t) => {
+  const s = h(), e = a.at(-1), n = {
+    id: s,
+    name: o,
+    type: "test",
+    depth: a.length,
+    handler: t,
+    logs: [],
+    parent: e,
+    only: !0
+  };
+  e && r.get(e).children.push(s), r.set(s, n);
+};
+l.skip = (o, t) => {
+  const s = h(), e = a.at(-1), n = {
+    id: s,
+    name: o,
+    type: "test",
+    depth: a.length,
+    handler: t || (() => {
+    }),
+    logs: [],
+    parent: e,
+    skip: !0
+  };
+  e && r.get(e).children.push(s), r.set(s, n);
+};
+const d = (o) => {
+  const t = a.at(-1);
+  if (!t) throw new Error("beforeEach() must be inside a describe()");
+  i.has(t) || i.set(t, []), i.get(t).push(o);
+}, g = (o) => {
+  const t = a.at(-1);
+  if (!t) throw new Error("afterEach() must be inside a describe()");
+  c.has(t) || c.set(t, []), c.get(t).push(o);
+}, u = (o) => {
+  const t = [], s = [];
+  let e = o;
+  for (; e; )
+    i.has(e) && t.unshift(...i.get(e)), c.has(e) && s.push(...c.get(e)), e = r.get(e)?.parent;
+  return { before: t, after: s };
+}, y = () => {
+  r.clear(), i.clear(), c.clear();
+};
+class f {
+  events;
+  constructor(t) {
+    this.events = t;
+  }
+  async runAll() {
+    const t = Array.from(r.values()).filter(
+      (e) => !e.parent && e.type === "suite"
+    ), s = Array.from(r.values()).some((e) => e.only);
+    for (const e of t)
+      await this.runSuite(e, s);
+    return r;
+  }
+  async runSingle(t) {
+    const s = r.get(t);
+    if (!s || s.type !== "test") return;
+    await this.runTest(s, !1);
+  }
+  async runSuite(t, s) {
+    this.events.onSuiteStart?.(t);
+    const e = (t.children || []).map((n) => r.get(n));
+    for (const n of e)
+      n.type === "suite" ? await this.runSuite(n, s) : n.type === "test" && await this.runTest(n, s);
+    this.events.onSuiteEnd?.(t);
+  }
+  async runTest(t, s) {
+    if (t.skip) {
+      this.events.onSkip(t);
+      return;
+    }
+    if (s && !t.only) return;
+    this.events.onStart?.(t);
+    const e = u(t.parent);
+    try {
+      for (const n of e.before) await n();
+      t.logs = [], await t.handler(), this.events.onPass(t);
+    } catch (n) {
+      this.events.onFail(t, n);
+    } finally {
+      for (const n of e.after) await n();
+    }
+  }
+}
+window.__testRunner = f;
+export {
+  f as TestRunner,
+  g as afterEach,
+  d as beforeEach,
+  y as clearTests,
+  p as describe,
+  r as handlers,
+  l as it
+};

package/dist/twd.d.ts

@@ -1,40 +1,6 @@
 import { Options, Rule } from './commands/mockBridge';
 import { TWDElemAPI } from './twd-types';
 import { URLCommandAPI } from './commands/url';
-/**
- * Stores the function to run before each test.
- */
-declare let beforeEachFn: (() => void | Promise<void>) | null;
-/**
- * Registers a function to run before each test.
- * @example
- * beforeEach(() => { ... });
- */
-export declare const beforeEach: (fn: typeof beforeEachFn) => void;
-/**
- * Groups related tests together.
- * @example
- * describe("My group", () => { ... });
- */
-export declare const describe: (name: string, fn: () => void) => void;
-/**
- * Defines a test case.
- * @example
- * it("does something", async () => { ... });
- */
-export declare const it: (name: string, fn: () => Promise<void> | void) => void;
-/**
- * Defines an exclusive test case (only this runs).
- * @example
- * itOnly("runs only this", async () => { ... });
- */
-export declare const itOnly: (name: string, fn: () => Promise<void> | void) => void;
-/**
- * Skips a test case.
- * @example
- * itSkip("skipped test", () => { ... });
- */
-export declare const itSkip: (name: string, _fn: () => Promise<void> | void) => void;
 interface TWDAPI {
     /**
      * Finds an element by selector and returns the TWD API for it.
@@ -49,6 +15,19 @@ interface TWDAPI {
      *
      */
     get: (selector: string) => Promise<TWDElemAPI>;
+    /**
+     * Sets the value of an input element and dispatches an input event. We recommend using this only for range, color, time inputs.
+     * @param el The input element
+     * @param value The value to set
+     *
+     * @example
+     * ```ts
+     * const input = await twd.get("input[type='time']");
+     * twd.setInputValue(input.el, "13:30");
+     *
+     * ```
+     */
+    setInputValue: (el: Element, value: string) => void;
     /**
      * Finds multiple elements by selector and returns an array of TWD APIs for them.
      * @param selector CSS selector

package/dist/ui/TestList.d.ts

@@ -1,7 +1,17 @@
-import { TestCase } from '../twdRegistry';
+interface Test {
+    name: string;
+    depth: number;
+    status?: "idle" | "pass" | "fail" | "skip" | "running";
+    logs?: string[];
+    parent?: string;
+    id: string;
+    type: "test" | "suite";
+    only?: boolean;
+    skip?: boolean;
+}
 interface TestListProps {
-    runTest: (i: number) => Promise<void>;
-    tests: TestCase[];
+    runTest: (id: string) => Promise<void>;
+    tests: Test[];
 }
-export declare const TestList: ({ runTest, tests }: TestListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestList: ({ tests, runTest }: TestListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/TestListItem.d.ts

@@ -1,11 +1,21 @@
-import { TestCase } from '../twdRegistry';
+interface Test {
+    name: string;
+    depth: number;
+    status?: "idle" | "pass" | "fail" | "skip" | "running";
+    logs?: string[];
+    id: string;
+    parent?: string;
+    type: "test" | "suite";
+    only?: boolean;
+    skip?: boolean;
+}
 interface TestListItemProps {
-    node: TestCase;
+    node: Test;
     depth: number;
-    idx: number;
-    runTest: (i: number) => void;
+    id: string;
+    runTest: (i: string) => void;
 }
-export declare const statusStyles: (node: TestCase) => {
+export declare const statusStyles: (node: Test) => {
     item: {
         background: string;
     };
@@ -25,5 +35,5 @@ export declare const assertStyles: (text: string) => {
     color?: undefined;
     fontWeight?: undefined;
 };
-export declare const TestListItem: ({ node, depth, idx, runTest }: TestListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestListItem: ({ node, depth, id, runTest, }: TestListItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/buildTreeFromHandlers.d.ts

@@ -0,0 +1,14 @@
+interface Test {
+    name: string;
+    depth: number;
+    status?: "idle" | "pass" | "fail" | "skip" | "running";
+    logs?: string[];
+    id: string;
+    parent?: string;
+    type: "test" | "suite";
+}
+export type Node = Test & {
+    childrenNodes?: Node[];
+};
+export declare const buildTreeFromHandlers: (handlers: Test[]) => Node[];
+export {};

package/dist/vite-plugin.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("fs"),o=require("path");function r(){return{name:"remove-mock-sw",apply:"build",closeBundle(){try{e.rmSync(o.resolve("dist/mock-sw.js")),console.log("🧹 Removed mock-sw.js from build")}catch{console.log("🧹 No mock-sw.js found in build")}}}}exports.removeMockServiceWorker=r;

package/dist/vite-plugin.d.ts

@@ -0,0 +1 @@
+export { removeMockServiceWorker } from './plugin/removeMockServiceWorker';

package/dist/vite-plugin.es.js

@@ -0,0 +1,18 @@
+import { rmSync as o } from "fs";
+import { resolve as e } from "path";
+function c() {
+  return {
+    name: "remove-mock-sw",
+    apply: "build",
+    closeBundle() {
+      try {
+        o(e("dist/mock-sw.js")), console.log("🧹 Removed mock-sw.js from build");
+      } catch {
+        console.log("🧹 No mock-sw.js found in build");
+      }
+    }
+  };
+}
+export {
+  c as removeMockServiceWorker
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twd-js",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "Test While Developing (TWD) - in-browser testing",
   "license": "MIT",
   "author": "BRIKEV",
@@ -8,8 +8,8 @@
   "bugs": {
     "url": "https://github.com/BRIKEV/twd/issues"
   },
-  "main": "./dist/twd.umd.js",
-  "module": "./dist/twd.es.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "bin": {
     "twd-js": "./dist/cli.js"
@@ -21,8 +21,23 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/twd.es.js",
-      "require": "./dist/twd.umd.js"
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./runner": {
+      "types": "./dist/runner.d.ts",
+      "import": "./dist/runner.es.js",
+      "require": "./dist/runner.cjs.js"
+    },
+    "./vite-plugin": {
+      "types": "./dist/vite-plugin.d.ts",
+      "import": "./dist/vite-plugin.es.js",
+      "require": "./dist/vite-plugin.cjs.js"
+    },
+    "./runner-ci": {
+      "types": "./dist/runner-ci.d.ts",
+      "import": "./dist/runner-ci.es.js",
+      "require": "./dist/runner-ci.cjs.js"
     }
   },
   "files": [
@@ -73,5 +88,8 @@
     "mock-service-worker",
     "frontend-testing",
     "typescript"
-  ]
-}
+  ],
+  "dependencies": {
+    "chalk": "^5.6.2"
+  }
+}