@vonage/vivid-test-utils 5.15.1 → 5.16.0

package/dist/dom.js

@@ -1,120 +1,110 @@
-import { V as u } from "./components.generated-CGHMGSPz.js";
-import w from "@testing-library/user-event";
-const n = () => new Promise((c) => {
-  requestAnimationFrame(() => c());
-}), p = (c) => {
-  const i = w.setup(), s = async (r) => {
-    r.focus(), r.value = "", r.dispatchEvent(
-      new InputEvent("input", { bubbles: !0, composed: !0 })
-    );
-  };
-  return {
-    querySelector: (r, t) => {
-      const a = r.querySelector(t);
-      if (!a)
-        throw new Error(`Could not find element: ${t}`);
-      return a;
-    },
-    enterShadow(r) {
-      if (!r.shadowRoot)
-        throw new Error(`Element ${r.outerHTML} does not have a shadow root`);
-      return r.shadowRoot;
-    },
-    querySelectorAll: (r, t) => r ? Array.from(r.querySelectorAll(t)) : [],
-    nth: (r, t) => {
-      if (t < 0 || t > r.length - 1)
-        throw new Error(
-          `Could not find element with index "${t}". Collection only has "${r.length}" elements.`
-        );
-      return r[t];
-    },
-    userClick: async (r) => {
-      await i.click(r), await n();
-    },
-    userFill: async (r, t) => {
-      await s(r), t && await i.type(r, t), await n();
-    },
-    userClear: async (r) => {
-      await s(r), await n();
-    },
-    userFocus: async (r) => {
-      r.focus(), await n();
-    },
-    userBlur: async (r) => {
-      r.blur(), (r.tagName === "INPUT" || r.tagName === "TEXTAREA") && r.dispatchEvent(
-        new InputEvent("change", { bubbles: !0, composed: !0 })
-      ), await n();
-    },
-    userHover: async (r) => {
-      await i.hover(r), await n();
-    },
-    userDragSlider: async (r, t, a, e) => {
-      if (a.id === "start-thumb") {
-        const o = r;
-        o.startAsNumber = e, o.$emit("input:start"), o.$emit("input");
-      } else if (a.id === "end-thumb") {
-        const o = r;
-        o.endAsNumber = e, o.$emit("input:end"), o.$emit("input");
-      } else {
-        const o = r;
-        o.valueAsNumber = e;
-      }
-      await n();
-    },
-    eval: async (r, t, a, e) => {
-      const o = await t(r, a);
-      await e?.(o);
-    },
-    waitForUpdate: async () => {
-      await n();
-    },
-    expectEq: (r, t, a) => {
-      switch (r.type) {
-        case "eval":
-          try {
-            c(r.fn(r.el, r.arg)).toEqual(
-              t
-            );
-          } catch (e) {
-            throw e instanceof Error && (e.message = `${a}
-
-Original error: ${e.message}`), e;
-          }
-          break;
-        case "count":
-          c(r.el.length).toEqual(t);
-          break;
-      }
-    },
-    wrapAction: (r) => async function t(...a) {
-      try {
-        return await r(...a);
-      } catch (e) {
-        throw e instanceof Error && Error.captureStackTrace(e, t), e;
-      }
-    },
-    wrapExpect: (r) => function t(...a) {
-      try {
-        return r(...a);
-      } catch (e) {
-        throw e instanceof Error && Error.captureStackTrace(e, t), e;
-      }
-    },
-    wrapSelector: (r) => function t(...a) {
-      try {
-        return r(...a);
-      } catch (e) {
-        throw e instanceof Error && Error.captureStackTrace(e, t), e;
-      }
-    }
-  };
-}, f = (c, i) => {
-  const s = {
-    rootLocator: i,
-    driver: p(c)
-  };
-  return new u(s);
-};
-export {
-  f as vividDOM
-};
+import { t as e } from "./components.generated-Bgf7lMJM.js";
+import t from "@testing-library/user-event";
+//#region src/drivers/dom.ts
+var n = () => new Promise((e) => {
+	requestAnimationFrame(() => e());
+}), r = (e) => {
+	let r = t.setup(), i = async (e) => {
+		e.focus(), e.value = "", e.dispatchEvent(new InputEvent("input", {
+			bubbles: !0,
+			composed: !0
+		}));
+	};
+	return {
+		querySelector: (e, t) => {
+			let n = e.querySelector(t);
+			if (!n) throw Error(`Could not find element: ${t}`);
+			return n;
+		},
+		enterShadow(e) {
+			if (!e.shadowRoot) throw Error(`Element ${e.outerHTML} does not have a shadow root`);
+			return e.shadowRoot;
+		},
+		querySelectorAll: (e, t) => e ? Array.from(e.querySelectorAll(t)) : [],
+		nth: (e, t) => {
+			if (t < 0 || t > e.length - 1) throw Error(`Could not find element with index "${t}". Collection only has "${e.length}" elements.`);
+			return e[t];
+		},
+		userClick: async (e) => {
+			await r.click(e), await n();
+		},
+		userFill: async (e, t) => {
+			await i(e), t && await r.type(e, t), await n();
+		},
+		userClear: async (e) => {
+			await i(e), await n();
+		},
+		userFocus: async (e) => {
+			e.focus(), await n();
+		},
+		userBlur: async (e) => {
+			e.blur(), (e.tagName === "INPUT" || e.tagName === "TEXTAREA") && e.dispatchEvent(new InputEvent("change", {
+				bubbles: !0,
+				composed: !0
+			})), await n();
+		},
+		userHover: async (e) => {
+			await r.hover(e), await n();
+		},
+		userDragSlider: async (e, t, r, i) => {
+			if (r.id === "start-thumb") {
+				let t = e;
+				t.startAsNumber = i, t.$emit("input:start"), t.$emit("input");
+			} else if (r.id === "end-thumb") {
+				let t = e;
+				t.endAsNumber = i, t.$emit("input:end"), t.$emit("input");
+			} else {
+				let t = e;
+				t.valueAsNumber = i;
+			}
+			await n();
+		},
+		eval: async (e, t, n, r) => {
+			let i = await t(e, n);
+			await r?.(i);
+		},
+		waitForUpdate: async () => {
+			await n();
+		},
+		expectEq: (t, n, r) => {
+			switch (t.type) {
+				case "eval":
+					try {
+						e(t.fn(t.el, t.arg)).toEqual(n);
+					} catch (e) {
+						throw e instanceof Error && (e.message = `${r}\n\nOriginal error: ${e.message}`), e;
+					}
+					break;
+				case "count":
+					e(t.el.length).toEqual(n);
+					break;
+			}
+		},
+		wrapAction: (e) => async function t(...n) {
+			try {
+				return await e(...n);
+			} catch (e) {
+				throw e instanceof Error && Error.captureStackTrace(e, t), e;
+			}
+		},
+		wrapExpect: (e) => function t(...n) {
+			try {
+				return e(...n);
+			} catch (e) {
+				throw e instanceof Error && Error.captureStackTrace(e, t), e;
+			}
+		},
+		wrapSelector: (e) => function t(...n) {
+			try {
+				return e(...n);
+			} catch (e) {
+				throw e instanceof Error && Error.captureStackTrace(e, t), e;
+			}
+		}
+	};
+}, i = (t, n) => new e({
+	rootLocator: n,
+	driver: r(t)
+});
+//#endregion
+export { i as vividDOM };

package/dist/jsdom-polyfill.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@vonage/vivid");function e(){HTMLDialogElement.prototype.showModal=function(){this.open=!0,this.setAttribute("open","")},HTMLDialogElement.prototype.close=function(){this.open=!1,this.removeAttribute("open")},HTMLElement.prototype.hidePopover=function(){},HTMLElement.prototype.showPopover=function(){},HTMLElement.prototype.scrollIntoView=function(){},Object.defineProperty(Object.getPrototypeOf(t.VwcButtonElement).prototype,"handleUnsupportedDelegatesFocus",{set(){},get(){return()=>{}}}),window.ResizeObserver=class{constructor(){}observe(){}disconnect(){}}}e();window.HTMLElement.prototype.scrollIntoView=function(){};window.HTMLElement.prototype.scrollTo=function(){};exports.setDialogPolyfill=e;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./dom.cjs`);let e=require(`@vonage/vivid`);function t(){HTMLDialogElement.prototype.showModal=function(){this.open=!0,this.setAttribute(`open`,``)},HTMLDialogElement.prototype.close=function(){this.open=!1,this.removeAttribute(`open`)},HTMLElement.prototype.hidePopover=function(){},HTMLElement.prototype.showPopover=function(){},HTMLElement.prototype.scrollIntoView=function(){},Object.defineProperty(Object.getPrototypeOf(e.VwcButtonElement).prototype,`handleUnsupportedDelegatesFocus`,{set(){},get(){return()=>void 0}}),window.ResizeObserver=class{constructor(){}observe(){}disconnect(){}}}t(),window.HTMLElement.prototype.scrollIntoView=function(){},window.HTMLElement.prototype.scrollTo=function(){},exports.setDialogPolyfill=t;

package/dist/jsdom-polyfill.js

@@ -1,37 +1,21 @@
 import { VwcButtonElement as e } from "@vonage/vivid";
+//#region src/jsdom-polyfill.ts
 function t() {
-  HTMLDialogElement.prototype.showModal = function() {
-    this.open = !0, this.setAttribute("open", "");
-  }, HTMLDialogElement.prototype.close = function() {
-    this.open = !1, this.removeAttribute("open");
-  }, HTMLElement.prototype.hidePopover = function() {
-  }, HTMLElement.prototype.showPopover = function() {
-  }, HTMLElement.prototype.scrollIntoView = function() {
-  }, Object.defineProperty(
-    Object.getPrototypeOf(e).prototype,
-    "handleUnsupportedDelegatesFocus",
-    {
-      set() {
-      },
-      get() {
-        return () => {
-        };
-      }
-    }
-  ), window.ResizeObserver = class {
-    constructor() {
-    }
-    observe() {
-    }
-    disconnect() {
-    }
-  };
+	HTMLDialogElement.prototype.showModal = function() {
+		this.open = !0, this.setAttribute("open", "");
+	}, HTMLDialogElement.prototype.close = function() {
+		this.open = !1, this.removeAttribute("open");
+	}, HTMLElement.prototype.hidePopover = function() {}, HTMLElement.prototype.showPopover = function() {}, HTMLElement.prototype.scrollIntoView = function() {}, Object.defineProperty(Object.getPrototypeOf(e).prototype, "handleUnsupportedDelegatesFocus", {
+		set() {},
+		get() {
+			return () => void 0;
+		}
+	}), window.ResizeObserver = class {
+		constructor() {}
+		observe() {}
+		disconnect() {}
+	};
 }
-t();
-window.HTMLElement.prototype.scrollIntoView = function() {
-};
-window.HTMLElement.prototype.scrollTo = function() {
-};
-export {
-  t as setDialogPolyfill
-};
+t(), window.HTMLElement.prototype.scrollIntoView = function() {}, window.HTMLElement.prototype.scrollTo = function() {};
+//#endregion
+export { t as setDialogPolyfill };

package/dist/playwright.cjs

@@ -1,3 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./components.generated-DfmxVXP1.cjs"),w=c=>({querySelector:(r,t)=>r.locator(t),enterShadow:r=>r,querySelectorAll:(r,t)=>r.locator(t),nth:(r,t)=>r.nth(t),userClick:r=>r.click(),userFill:(r,t)=>r.fill(t),userClear:r=>r.clear(),userFocus:r=>r.focus(),userBlur:r=>r.blur(),userHover:r=>r.hover(),userDragSlider:async(r,t,a,e)=>{const n=await a.getAttribute("id");await r.evaluate((o,[u,s])=>{if(u==="start-thumb"){const i=o;i.startAsNumber=s,i.$emit("input:start"),i.$emit("input")}else if(u==="end-thumb"){const i=o;i.endAsNumber=s,i.$emit("input:end"),i.$emit("input")}else{const i=o;i.valueAsNumber=s}},[n,e])},eval:async(r,t,a,e)=>{const n=await r.evaluate(t,a);await e?.(n)},waitForUpdate:async r=>{await r.evaluate(()=>new Promise(t=>{requestAnimationFrame(()=>t())}))},expectEq:async(r,t,a)=>{switch(r.type){case"eval":try{await c(async()=>c(await r.el.evaluate(r.fn,r.arg)).toEqual(t)).toPass()}catch(e){throw e instanceof Error&&(e.message=`${a}
-
-Original error: ${e.message}`),e}break;case"count":await c(r.el).toHaveCount(t);break}},wrapAction:r=>async function t(...a){try{return await r(...a)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:r=>async function t(...a){try{return await r(...a)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:r=>r}),p=(c,r)=>{const t={rootLocator:c,driver:w(r)};return new l.VividWrapper(t)};exports.vividPlaywright=p;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components.generated-DNNSCeHI.cjs`);var t=e=>({querySelector:(e,t)=>e.locator(t),enterShadow:e=>e,querySelectorAll:(e,t)=>e.locator(t),nth:(e,t)=>e.nth(t),userClick:e=>e.click(),userFill:(e,t)=>e.fill(t),userClear:e=>e.clear(),userFocus:e=>e.focus(),userBlur:e=>e.blur(),userHover:e=>e.hover(),userDragSlider:async(e,t,n,r)=>{let i=await n.getAttribute(`id`);await e.evaluate((e,[t,n])=>{if(t===`start-thumb`){let t=e;t.startAsNumber=n,t.$emit(`input:start`),t.$emit(`input`)}else if(t===`end-thumb`){let t=e;t.endAsNumber=n,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=n}},[i,r])},eval:async(e,t,n,r)=>{let i=await e.evaluate(t,n);await r?.(i)},waitForUpdate:async e=>{await e.evaluate(()=>new Promise(e=>{requestAnimationFrame(()=>e())}))},expectEq:async(t,n,r)=>{switch(t.type){case`eval`:try{await e(async()=>e(await t.el.evaluate(t.fn,t.arg)).toEqual(n)).toPass()}catch(e){throw e instanceof Error&&(e.message=`${r}\n\nOriginal error: ${e.message}`),e}break;case`count`:await e(t.el).toHaveCount(n);break}},wrapAction:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:e=>e}),n=(n,r)=>new e.t({rootLocator:n,driver:t(r)});exports.vividPlaywright=n;

package/dist/playwright.js

@@ -1,87 +1,72 @@
-import { V as l } from "./components.generated-CGHMGSPz.js";
-const w = (c) => ({
-  querySelector: (r, t) => r.locator(t),
-  enterShadow: (r) => r,
-  querySelectorAll: (r, t) => r.locator(t),
-  nth: (r, t) => r.nth(t),
-  userClick: (r) => r.click(),
-  userFill: (r, t) => r.fill(t),
-  userClear: (r) => r.clear(),
-  userFocus: (r) => r.focus(),
-  userBlur: (r) => r.blur(),
-  userHover: (r) => r.hover(),
-  userDragSlider: async (r, t, a, e) => {
-    const o = await a.getAttribute("id");
-    await r.evaluate(
-      (n, [u, s]) => {
-        if (u === "start-thumb") {
-          const i = n;
-          i.startAsNumber = s, i.$emit("input:start"), i.$emit("input");
-        } else if (u === "end-thumb") {
-          const i = n;
-          i.endAsNumber = s, i.$emit("input:end"), i.$emit("input");
-        } else {
-          const i = n;
-          i.valueAsNumber = s;
-        }
-      },
-      [o, e]
-    );
-  },
-  eval: async (r, t, a, e) => {
-    const o = await r.evaluate(t, a);
-    await e?.(o);
-  },
-  waitForUpdate: async (r) => {
-    await r.evaluate(() => new Promise((t) => {
-      requestAnimationFrame(() => t());
-    }));
-  },
-  expectEq: async (r, t, a) => {
-    switch (r.type) {
-      case "eval":
-        try {
-          await c(
-            async () => c(
-              await r.el.evaluate(
-                r.fn,
-                r.arg
-              )
-            ).toEqual(t)
-          ).toPass();
-        } catch (e) {
-          throw e instanceof Error && (e.message = `${a}
-
-Original error: ${e.message}`), e;
-        }
-        break;
-      case "count":
-        await c(r.el).toHaveCount(t);
-        break;
-    }
-  },
-  wrapAction: (r) => async function t(...a) {
-    try {
-      return await r(...a);
-    } catch (e) {
-      throw e instanceof Error && Error.captureStackTrace(e, t), e;
-    }
-  },
-  wrapExpect: (r) => async function t(...a) {
-    try {
-      return await r(...a);
-    } catch (e) {
-      throw e instanceof Error && Error.captureStackTrace(e, t), e;
-    }
-  },
-  wrapSelector: (r) => r
-}), h = (c, r) => {
-  const t = {
-    rootLocator: c,
-    driver: w(r)
-  };
-  return new l(t);
-};
-export {
-  h as vividPlaywright
-};
+import { t as e } from "./components.generated-Bgf7lMJM.js";
+//#region src/drivers/playwright.ts
+var t = (e) => ({
+	querySelector: (e, t) => e.locator(t),
+	enterShadow: (e) => e,
+	querySelectorAll: (e, t) => e.locator(t),
+	nth: (e, t) => e.nth(t),
+	userClick: (e) => e.click(),
+	userFill: (e, t) => e.fill(t),
+	userClear: (e) => e.clear(),
+	userFocus: (e) => e.focus(),
+	userBlur: (e) => e.blur(),
+	userHover: (e) => e.hover(),
+	userDragSlider: async (e, t, n, r) => {
+		let i = await n.getAttribute("id");
+		await e.evaluate((e, [t, n]) => {
+			if (t === "start-thumb") {
+				let t = e;
+				t.startAsNumber = n, t.$emit("input:start"), t.$emit("input");
+			} else if (t === "end-thumb") {
+				let t = e;
+				t.endAsNumber = n, t.$emit("input:end"), t.$emit("input");
+			} else {
+				let t = e;
+				t.valueAsNumber = n;
+			}
+		}, [i, r]);
+	},
+	eval: async (e, t, n, r) => {
+		let i = await e.evaluate(t, n);
+		await r?.(i);
+	},
+	waitForUpdate: async (e) => {
+		await e.evaluate(() => new Promise((e) => {
+			requestAnimationFrame(() => e());
+		}));
+	},
+	expectEq: async (t, n, r) => {
+		switch (t.type) {
+			case "eval":
+				try {
+					await e(async () => e(await t.el.evaluate(t.fn, t.arg)).toEqual(n)).toPass();
+				} catch (e) {
+					throw e instanceof Error && (e.message = `${r}\n\nOriginal error: ${e.message}`), e;
+				}
+				break;
+			case "count":
+				await e(t.el).toHaveCount(n);
+				break;
+		}
+	},
+	wrapAction: (e) => async function t(...n) {
+		try {
+			return await e(...n);
+		} catch (e) {
+			throw e instanceof Error && Error.captureStackTrace(e, t), e;
+		}
+	},
+	wrapExpect: (e) => async function t(...n) {
+		try {
+			return await e(...n);
+		} catch (e) {
+			throw e instanceof Error && Error.captureStackTrace(e, t), e;
+		}
+	},
+	wrapSelector: (e) => e
+}), n = (n, r) => new e({
+	rootLocator: n,
+	driver: t(r)
+});
+//#endregion
+export { n as vividPlaywright };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-test-utils",
-  "version": "5.15.1",
+  "version": "5.16.0",
   "type": "module",
   "exports": {
     "./dom": {
@@ -30,26 +30,27 @@
   "dependencies": {
     "@testing-library/user-event": "^14.6.1",
     "change-case": "^5.4.4",
-    "@vonage/vivid": "^5.15.1"
+    "@vonage/vivid": "^5.16.0"
   },
   "devDependencies": {
     "@playwright/test": "1.57.0",
+    "@types/node": "^20.19.25",
     "@vitejs/plugin-vue": "^6.0.0",
     "@vue/test-utils": "^2.4.6",
     "concurrently": "^9.2.1",
-    "cypress": "^14.5.4",
+    "cypress": "^15.11.0",
     "tsx": "^4.21.0",
-    "vite": "^7.0.0",
-    "vitest": "^3.2.4",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0",
     "vue": "^3.5.29",
     "wait-on": "^8.0.5",
     "@repo/eslint-config": "1.0.0",
     "@repo/shared": "1.0.0",
-    "@repo/typescript-config": "1.0.0",
+    "@repo/metadata-extractor": "1.0.0",
     "@repo/vitest-config": "1.0.0",
+    "@repo/typescript-config": "1.0.0",
     "@repo/wrapper-gen": "1.0.0",
-    "@repo/metadata-extractor": "1.0.0",
-    "@vonage/vivid-vue": "5.15.1"
+    "@vonage/vivid-vue": "5.16.0"
   },
   "scripts": {
     "prebuild": "tsx scripts/codegen.ts",