@vonage/vivid-test-utils 5.2.0

package/dist/cypress.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./components.generated-DiskE4p5.cjs"),w=async()=>new Promise(i=>requestAnimationFrame(()=>i())),k=i=>{const u=r=>r===i;let n;const l=r=>{const e=n;return(...a)=>{const t=window.Error;window.Error=class extends Error{constructor(o){super(o),o==="userInvocationStack"&&(this.stack=e)}static captureStackTrace(o,c){o.message!=="userInvocationStack"&&super.captureStackTrace(o,c)}};try{return r(...a)}finally{window.Error=t}}};return{querySelector:(r,e)=>l(()=>u(r)?r.get(e):r().find(e)),enterShadow:r=>l(()=>r().shadow()),querySelectorAll:(r,e)=>l(()=>u(r)?r.get(e):r().find(e)),nth:(r,e)=>l(()=>r().eq(e)),userClick:r=>r().click(),userClear:r=>r().clear(),userFocus:r=>r().focus(),userBlur:r=>r().blur(),userHover:r=>r().then(e=>e.get(0).dispatchEvent(new MouseEvent("mouseover"))),userFill:(r,e)=>e===""?r().clear():r().clear().type(e),userDragSlider:(r,e,a,t)=>{r().then(s=>{a().then(async o=>{const c=s.get(0),p=o.get(0);p.id==="start-thumb"?(c.startAsNumber=t,c.$emit("input:start"),c.$emit("input")):p.id==="end-thumb"?(c.endAsNumber=t,c.$emit("input:end"),c.$emit("input")):c.valueAsNumber=t,await w()})})},eval:(r,e,a,t)=>{const s=n;r().then(async o=>{n=s;try{const c=await e(o.get(0),a);await(t==null?void 0:t(c))}finally{n=void 0}})},waitForUpdate(r){r().then(()=>new Promise(e=>{requestAnimationFrame(()=>{e()})}))},expectEq:(r,e,a)=>{const t=n;switch(r.type){case"eval":r.el().should(s=>{try{expect(r.fn(s.get(0),r.arg)).to.deep.equal(e)}catch(o){const c=new Error(`${a}
+
+Original error: ${o.message}`);throw t&&(c.stack=t),c}});break;case"count":r.el().should("have.length",e);break}},wrapAction:r=>function e(...a){if(!n){const t=new Error;Error.captureStackTrace(t,e),n=t.stack}try{return r(...a)}finally{n=void 0}},wrapExpect:r=>function e(...a){if(!n){const t=new Error;Error.captureStackTrace(t,e),n=t.stack}try{return r(...a)}finally{n=void 0}},wrapSelector:r=>function e(...a){if(!n){const t=new Error;Error.captureStackTrace(t,e),n=t.stack}try{return r(...a)}finally{n=void 0}}}},v=i=>{const u={rootLocator:i,driver:k(i)};return new d.VividWrapper(u)};exports.vividCypress=v;

package/dist/cypress.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+import type { CypressDriverT } from './drivers/driver';
+import { VividWrapper } from './components.generated';
+export declare const vividCypress: (cy: Cypress.cy) => VividWrapper<CypressDriverT>;

package/dist/cypress.js

@@ -0,0 +1,133 @@
+import { V as w } from "./components.generated-DY7hz_DE.js";
+const d = async () => new Promise((i) => requestAnimationFrame(() => i())), k = (i) => {
+  const u = (r) => r === i;
+  let a;
+  const l = (r) => {
+    const t = a;
+    return (...n) => {
+      const e = window.Error;
+      window.Error = class extends Error {
+        constructor(o) {
+          super(o), o === "userInvocationStack" && (this.stack = t);
+        }
+        static captureStackTrace(o, c) {
+          o.message !== "userInvocationStack" && super.captureStackTrace(o, c);
+        }
+      };
+      try {
+        return r(...n);
+      } finally {
+        window.Error = e;
+      }
+    };
+  };
+  return {
+    querySelector: (r, t) => l(
+      () => u(r) ? r.get(t) : r().find(t)
+    ),
+    enterShadow: (r) => l(() => r().shadow()),
+    querySelectorAll: (r, t) => l(
+      () => u(r) ? r.get(t) : r().find(t)
+    ),
+    nth: (r, t) => l(() => r().eq(t)),
+    userClick: (r) => r().click(),
+    userClear: (r) => r().clear(),
+    userFocus: (r) => r().focus(),
+    userBlur: (r) => r().blur(),
+    userHover: (r) => r().then((t) => t.get(0).dispatchEvent(new MouseEvent("mouseover"))),
+    userFill: (r, t) => t === "" ? r().clear() : r().clear().type(t),
+    userDragSlider: (r, t, n, e) => {
+      r().then((s) => {
+        n().then(async (o) => {
+          const c = s.get(0), p = o.get(0);
+          p.id === "start-thumb" ? (c.startAsNumber = e, c.$emit("input:start"), c.$emit("input")) : p.id === "end-thumb" ? (c.endAsNumber = e, c.$emit("input:end"), c.$emit("input")) : c.valueAsNumber = e, await d();
+        });
+      });
+    },
+    eval: (r, t, n, e) => {
+      const s = a;
+      r().then(async (o) => {
+        a = s;
+        try {
+          const c = await t(o.get(0), n);
+          await (e == null ? void 0 : e(c));
+        } finally {
+          a = void 0;
+        }
+      });
+    },
+    waitForUpdate(r) {
+      r().then(() => new Promise((t) => {
+        requestAnimationFrame(() => {
+          t();
+        });
+      }));
+    },
+    expectEq: (r, t, n) => {
+      const e = a;
+      switch (r.type) {
+        case "eval":
+          r.el().should((s) => {
+            try {
+              expect(
+                r.fn(s.get(0), r.arg)
+              ).to.deep.equal(t);
+            } catch (o) {
+              const c = new Error(
+                `${n}
+
+Original error: ${o.message}`
+              );
+              throw e && (c.stack = e), c;
+            }
+          });
+          break;
+        case "count":
+          r.el().should("have.length", t);
+          break;
+      }
+    },
+    wrapAction: (r) => function t(...n) {
+      if (!a) {
+        const e = new Error();
+        Error.captureStackTrace(e, t), a = e.stack;
+      }
+      try {
+        return r(...n);
+      } finally {
+        a = void 0;
+      }
+    },
+    wrapExpect: (r) => function t(...n) {
+      if (!a) {
+        const e = new Error();
+        Error.captureStackTrace(e, t), a = e.stack;
+      }
+      try {
+        return r(...n);
+      } finally {
+        a = void 0;
+      }
+    },
+    wrapSelector: (r) => function t(...n) {
+      if (!a) {
+        const e = new Error();
+        Error.captureStackTrace(e, t), a = e.stack;
+      }
+      try {
+        return r(...n);
+      } finally {
+        a = void 0;
+      }
+    }
+  };
+}, v = (i) => {
+  const u = {
+    rootLocator: i,
+    driver: k(i)
+  };
+  return new w(u);
+};
+export {
+  v as vividCypress
+};

package/dist/dom.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-DiskE4p5.cjs"),w=require("@testing-library/user-event"),n=()=>new Promise(c=>{requestAnimationFrame(()=>c())}),l=c=>{const s=w.setup(),i=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 s.click(r),await n()},userFill:async(r,t)=>{await i(r),t&&await s.type(r,t),await n()},userClear:async r=>{await i(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 s.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==null?void 0: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}}}},p=(c,s)=>{const i={rootLocator:s,driver:l(c)};return new u.VividWrapper(i)};exports.vividDOM=p;

package/dist/dom.d.ts

@@ -0,0 +1,4 @@
+import type { DOMDriverT } from './drivers/driver';
+import { VividWrapper } from './components.generated';
+import { type ExpectFn } from './drivers/dom';
+export declare const vividDOM: (expect: ExpectFn, root: HTMLElement) => VividWrapper<DOMDriverT>;

package/dist/dom.js

@@ -0,0 +1,120 @@
+import { V as u } from "./components.generated-DY7hz_DE.js";
+import w from "@testing-library/user-event";
+const n = () => new Promise((c) => {
+  requestAnimationFrame(() => c());
+}), p = (c) => {
+  const s = w.setup(), i = 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 s.click(r), await n();
+    },
+    userFill: async (r, t) => {
+      await i(r), t && await s.type(r, t), await n();
+    },
+    userClear: async (r) => {
+      await i(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 s.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 == null ? void 0 : 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, s) => {
+  const i = {
+    rootLocator: s,
+    driver: p(c)
+  };
+  return new u(i);
+};
+export {
+  f as vividDOM
+};

package/dist/drivers/cypress.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+import type { CypressDriverT, Driver } from './driver';
+export declare const nextDOMUpdate: () => Promise<void>;
+export declare const createCypressDriver: (cy: Cypress.cy) => Driver<CypressDriverT>;

package/dist/drivers/dom.d.ts

@@ -0,0 +1,5 @@
+import type { DOMDriverT, Driver } from './driver';
+export type ExpectFn = (subject: any) => {
+    toEqual: (value: any) => void;
+};
+export declare const createDOMDriver: (expect: ExpectFn) => Driver<DOMDriverT>;

package/dist/drivers/driver.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+import type { Locator, Page } from '@playwright/test';
+export type DOMDriverT = {
+    rootLocator: HTMLElement;
+    locator: HTMLElement;
+    locatorMultiple: HTMLElement[];
+    actionReturn: Promise<void>;
+    expectReturn: void;
+};
+export type PlaywrightDriverT = {
+    rootLocator: Page;
+    locator: Locator;
+    locatorMultiple: Locator;
+    actionReturn: Promise<void>;
+    expectReturn: Promise<void>;
+};
+export type CypressDriverT = {
+    rootLocator: Cypress.cy;
+    locator: () => Cypress.Chainable;
+    locatorMultiple: () => Cypress.Chainable;
+    actionReturn: void;
+    expectReturn: void;
+};
+export type DriverT = DOMDriverT | PlaywrightDriverT | CypressDriverT;
+type QueryCommand<D extends DriverT> = {
+    type: 'eval';
+    el: D['locator'];
+    fn: (el: any, arg?: any) => any;
+    arg?: any;
+} | {
+    type: 'count';
+    el: D['locator'];
+};
+export type Driver<D extends DriverT> = {
+    querySelector: (loc: D['locator'] | D['rootLocator'], selector: string) => D['locator'];
+    enterShadow: (loc: D['locator']) => D['locator'];
+    querySelectorAll: (loc: D['locator'] | D['rootLocator'], selector: string) => D['locatorMultiple'];
+    nth: (loc: D['locatorMultiple'], n: number) => D['locator'];
+    userClick: (loc: D['locator']) => D['actionReturn'];
+    userFill: (loc: D['locator'], text: string) => D['actionReturn'];
+    userClear: (loc: D['locator']) => D['actionReturn'];
+    userFocus: (loc: D['locator']) => D['actionReturn'];
+    userBlur: (loc: D['locator']) => D['actionReturn'];
+    userHover: (loc: D['locator']) => D['actionReturn'];
+    userDragSlider: (loc: D['locator'], track: D['locator'], thumb: D['locator'], value: number) => D['actionReturn'];
+    eval: (loc: D['locator'], fn: (el: any, arg?: any) => any, arg?: any, continuation?: (result: any) => void | Promise<void>) => D['actionReturn'];
+    waitForUpdate: (loc: D['locator']) => D['actionReturn'];
+    expectEq: (query: QueryCommand<D>, value: any, message: string) => D['expectReturn'];
+    wrapAction: <A extends (...args: any[]) => D['actionReturn']>(action: A) => A;
+    wrapExpect: <E extends (...args: any[]) => D['expectReturn']>(expectation: E) => E;
+    wrapSelector: <S extends (...args: any[]) => unknown>(selector: S) => S;
+};
+export {};

package/dist/drivers/playwright.d.ts

@@ -0,0 +1,3 @@
+import type { expect as pwExpect } from 'playwright/test';
+import type { Driver, PlaywrightDriverT } from './driver';
+export declare const createPlaywrightDriver: (expect: typeof pwExpect) => Driver<PlaywrightDriverT>;

package/dist/jsdom-polyfill.cjs

@@ -0,0 +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;

package/dist/jsdom-polyfill.d.ts

@@ -0,0 +1 @@
+export declare function setDialogPolyfill(): void;

package/dist/jsdom-polyfill.js

@@ -0,0 +1,37 @@
+import { VwcButtonElement as e } from "@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).prototype,
+    "handleUnsupportedDelegatesFocus",
+    {
+      set() {
+      },
+      get() {
+        return () => {
+        };
+      }
+    }
+  ), window.ResizeObserver = class {
+    constructor() {
+    }
+    observe() {
+    }
+    disconnect() {
+    }
+  };
+}
+t();
+window.HTMLElement.prototype.scrollIntoView = function() {
+};
+window.HTMLElement.prototype.scrollTo = function() {
+};
+export {
+  t as setDialogPolyfill
+};

package/dist/playwright.cjs

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

package/dist/playwright.d.ts

@@ -0,0 +1,4 @@
+import type { PlaywrightDriverT } from './drivers/driver';
+import type { expect as pwExpect, Page } from '@playwright/test';
+import { VividWrapper } from './components.generated';
+export declare const vividPlaywright: (page: Page, expect: typeof pwExpect) => VividWrapper<PlaywrightDriverT>;

package/dist/playwright.js

@@ -0,0 +1,87 @@
+import { V as u } from "./components.generated-DY7hz_DE.js";
+const w = (i) => ({
+  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 s = await a.getAttribute("id");
+    await r.evaluate(
+      (o, [l, n]) => {
+        if (l === "start-thumb") {
+          const c = o;
+          c.startAsNumber = n, c.$emit("input:start"), c.$emit("input");
+        } else if (l === "end-thumb") {
+          const c = o;
+          c.endAsNumber = n, c.$emit("input:end"), c.$emit("input");
+        } else {
+          const c = o;
+          c.valueAsNumber = n;
+        }
+      },
+      [s, e]
+    );
+  },
+  eval: async (r, t, a, e) => {
+    const s = await r.evaluate(t, a);
+    await (e == null ? void 0 : e(s));
+  },
+  waitForUpdate: async (r) => {
+    await r.evaluate(() => new Promise((t) => {
+      requestAnimationFrame(() => t());
+    }));
+  },
+  expectEq: async (r, t, a) => {
+    switch (r.type) {
+      case "eval":
+        try {
+          await i(
+            async () => i(
+              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 i(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 = (i, r) => {
+  const t = {
+    rootLocator: i,
+    driver: w(r)
+  };
+  return new u(t);
+};
+export {
+  h as vividPlaywright
+};

package/dist/queries.d.ts

@@ -0,0 +1,20 @@
+export declare function checked(el: any): boolean;
+export declare function checkedState(el: any): 'checked' | 'unchecked' | 'indeterminate';
+export declare function visibleError(el: any): any;
+export declare function headline(el: any): any;
+export declare function open(el: any): any;
+export declare function value(el: any): any;
+export declare function valueAsNumber(el: any): number;
+export declare function values(el: any): any;
+export declare function selectedOptionsText(el: any): any;
+export declare function expanded(el: any): any;
+export declare function active(el: any): any;
+export declare function navCurrent(el: any): any;
+export declare function selected(el: any): any;
+export declare function disabled(el: any): any;
+export declare function range(el: any): any[];
+export declare function rangeAsNumber(el: any): any[];
+export declare function name(el: any): any;
+export declare function total(el: any): any;
+export declare function paginationSelectedPage(el: any): any;
+export declare function affixIcon(el: any): any;

package/dist/refs.d.ts

@@ -0,0 +1,8 @@
+import type { DriverT } from './drivers/driver';
+import { BaseWrapper } from './base';
+import { ButtonWrapper, TextFieldWrapper } from './components.generated';
+export declare function light<D extends DriverT>(this: BaseWrapper<D>, selector: string): D['locator'];
+export declare function shadow<D extends DriverT>(this: BaseWrapper<D>, selector: string): D['locator'];
+export declare function nestedShadow<D extends DriverT>(this: BaseWrapper<D>, selector1: string, selector2: string): D['locator'];
+export declare function shadowButton<D extends DriverT>(this: BaseWrapper<D>, selector: string): ButtonWrapper<D>;
+export declare function shadowTextField<D extends DriverT>(this: BaseWrapper<D>, selector: string): TextFieldWrapper<D>;

package/dist/selectors.d.ts

@@ -0,0 +1,7 @@
+import type { DriverT } from './drivers/driver';
+import { BaseComponent, BaseWrapper } from './base';
+export declare function byTestId<D extends DriverT, W extends BaseWrapper<D>>(this: BaseComponent<D, W>, id: string): W;
+export declare function byLabel<D extends DriverT, W extends BaseWrapper<D>>(this: BaseComponent<D, W>, label: string): W;
+export declare function byHeading<D extends DriverT, W extends BaseWrapper<D>>(this: BaseComponent<D, W>, heading: string): W;
+export declare function byHeadline<D extends DriverT, W extends BaseWrapper<D>>(this: BaseComponent<D, W>, headline: string): W;
+export declare function byText<D extends DriverT, W extends BaseWrapper<D>>(this: BaseComponent<D, W>, text: string): W;

package/dist/utils/cssSelectors.d.ts

@@ -0,0 +1,2 @@
+export declare const escapeStringInCssSelector: (string: string) => string;
+export declare const attributeSelector: (componentName: string, attributes: Array<[string, string]>) => string;

package/dist/utils/runSequence.d.ts

@@ -0,0 +1 @@
+export declare const runSequence: (steps: Array<() => Promise<void> | void>) => any;

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@vonage/vivid-test-utils",
+  "version": "5.2.0",
+  "type": "module",
+  "exports": {
+    "./dom": {
+      "types": "./dist/dom.d.ts",
+      "import": "./dist/dom.js",
+      "require": "./dist/dom.cjs"
+    },
+    "./playwright": {
+      "types": "./dist/playwright.d.ts",
+      "import": "./dist/playwright.js",
+      "require": "./dist/playwright.cjs"
+    },
+    "./cypress": {
+      "types": "./dist/cypress.d.ts",
+      "import": "./dist/cypress.js",
+      "require": "./dist/cypress.cjs"
+    },
+    "./jsdom-polyfill": {
+      "types": "./dist/jsdom-polyfill.d.ts",
+      "import": "./dist/jsdom-polyfill.js",
+      "require": "./dist/jsdom-polyfill.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "tsx scripts/codegen.ts",
+    "build": "vite build",
+    "lint": "eslint . --max-warnings=0",
+    "lint:fix": "eslint . --max-warnings=0 --fix",
+    "test": "vitest run",
+    "e2e": "concurrently -k -s first -n VITE,TEST \"npx vite src/tests/cases -c ./vite.config.ts --host\" \"npx wait-on http://localhost:5173 && npx playwright test\"",
+    "cy": "concurrently -k -s first -n VITE,TEST \"npx vite src/tests/cases -c ./vite.config.ts --host\" \"npx wait-on http://localhost:5173 && npx cypress run\"",
+    "e2e:ui": "playwright test --ui",
+    "cy:ui": "cypress open",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.tools.json",
+    "prepack": "tsx scripts/updateDependencyVersion.ts"
+  },
+  "dependencies": {
+    "@testing-library/user-event": "^14.6.1",
+    "@vonage/vivid": "^5.2.0"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@repo/vitest-config": "*",
+    "@vonage/vivid-vue": "*",
+    "@vue/test-utils": "^2",
+    "cypress": "^14.5.1",
+    "vue": "^3"
+  }
+}