@vonage/vivid-test-utils 5.8.0 → 5.10.0

package/dist/components.generated.d.ts

@@ -1,6 +1,6 @@
 import type { DriverT } from './drivers/driver';
 import { BaseComponent, BaseWrapper, ComponentCollectionExpectations, type ComponentCollectionLocator, type Context } from './base';
-import type { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcSearchableSelectElement, VwcSelectElement, VwcSelectableBoxElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from "@vonage/vivid";
+import type { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectElement, VwcSelectableBoxElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTableElement, VwcTableBodyElement, VwcTableCellElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from "@vonage/vivid";
 type IconId = string;
 type AccordionProps = {
     expandMode: 'single' | 'multi';
@@ -655,6 +655,32 @@ export declare class ContextualHelpExpectations<D extends DriverT> {
     constructor(ctx: Context<D>, wrapper: ContextualHelpWrapper<D>);
     toHaveProp: <T extends "placement">(propName: T, value: ContextualHelpProps[T]) => D["expectReturn"];
 }
+type CountryProps = {
+    code: string;
+    label: string;
+};
+export declare class CountryWrapper<D extends DriverT> extends BaseWrapper<D, VwcCountryElement> {
+    type: "country";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class Country<D extends DriverT> extends BaseComponent<D, CountryWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): CountryWrapper<D>;
+    byTestId: (id: string) => CountryWrapper<D>;
+}
+export declare class CountryExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: CountryWrapper<D>);
+    toHaveProp: <T extends keyof CountryProps>(propName: T, value: CountryProps[T]) => D["expectReturn"];
+}
 type DataGridProps = {
     fixedColumns: number;
     generateHeader: 'none' | 'default' | 'sticky';
@@ -1515,6 +1541,38 @@ export declare class PaginationExpectations<D extends DriverT> {
     toHaveTotal: (value: any) => D["expectReturn"];
     toHaveSelectedPage: (value: any) => D["expectReturn"];
 }
+type PopoverProps = {
+    alternate: boolean;
+    arrow: boolean;
+    dismissButtonAriaLabel: string;
+    layout: 'default' | 'condensed';
+    manual: boolean;
+    offset: number;
+    open: boolean;
+    placement: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+};
+export declare class PopoverWrapper<D extends DriverT> extends BaseWrapper<D, VwcPopoverElement> {
+    type: "popover";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class Popover<D extends DriverT> extends BaseComponent<D, PopoverWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): PopoverWrapper<D>;
+    byTestId: (id: string) => PopoverWrapper<D>;
+}
+export declare class PopoverExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: PopoverWrapper<D>);
+    toHaveProp: <T extends keyof PopoverProps>(propName: T, value: PopoverProps[T]) => D["expectReturn"];
+}
 type ProgressProps = {
     connotation: 'accent' | 'success' | 'alert' | 'cta' | 'pacific';
     max: number;
@@ -1726,6 +1784,31 @@ export declare class RichTextEditorExpectations<D extends DriverT> {
     constructor(ctx: Context<D>, wrapper: RichTextEditorWrapper<D>);
     toHaveProp: <T extends "instance">(propName: T, value: RichTextEditorProps[T]) => D["expectReturn"];
 }
+type RichTextViewProps = {
+    view: any;
+};
+export declare class RichTextViewWrapper<D extends DriverT> extends BaseWrapper<D, VwcRichTextViewElement> {
+    type: "richTextView";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class RichTextView<D extends DriverT> extends BaseComponent<D, RichTextViewWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): RichTextViewWrapper<D>;
+    byTestId: (id: string) => RichTextViewWrapper<D>;
+}
+export declare class RichTextViewExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: RichTextViewWrapper<D>);
+    toHaveProp: <T extends "view">(propName: T, value: RichTextViewProps[T]) => D["expectReturn"];
+}
 type SearchableSelectProps = {
     appearance: 'fieldset' | 'ghost';
     clearable: boolean;
@@ -1839,6 +1922,7 @@ type SelectableBoxProps = {
     connotation: 'accent' | 'cta';
     controlPlacement: 'start' | 'start-stacked' | 'end' | 'end-stacked';
     controlType: 'checkbox' | 'radio';
+    disabled: boolean;
     tight: boolean;
 };
 export declare class SelectableBoxWrapper<D extends DriverT> extends BaseWrapper<D, VwcSelectableBoxElement> {
@@ -2016,6 +2100,34 @@ export declare class SplitButtonExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof SplitButtonProps>(propName: T, value: SplitButtonProps[T]) => D["expectReturn"];
     toHaveIcon: (value: any) => D["expectReturn"];
 }
+type StatusProps = {
+    connotation: 'success' | 'information' | 'warning' | 'alert';
+    icon: IconId;
+    status: string;
+};
+export declare class StatusWrapper<D extends DriverT> extends BaseWrapper<D, VwcStatusElement> {
+    type: "status";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class Status<D extends DriverT> extends BaseComponent<D, StatusWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): StatusWrapper<D>;
+    byTestId: (id: string) => StatusWrapper<D>;
+}
+export declare class StatusExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: StatusWrapper<D>);
+    toHaveProp: <T extends keyof StatusProps>(propName: T, value: StatusProps[T]) => D["expectReturn"];
+    toHaveIcon: (value: any) => D["expectReturn"];
+}
 type SwitchProps = {
     checked: boolean;
     connotation: 'accent' | 'alert' | 'announcement' | 'success' | 'cta';
@@ -2115,6 +2227,138 @@ export declare class TabPanelExpectations<D extends DriverT> {
     constructor(ctx: Context<D>, wrapper: TabPanelWrapper<D>);
     toHaveProp: (propName: never, value: never) => never;
 }
+export declare class TableWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableElement> {
+    type: "table";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class Table<D extends DriverT> extends BaseComponent<D, TableWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): TableWrapper<D>;
+    byTestId: (id: string) => TableWrapper<D>;
+}
+export declare class TableExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: TableWrapper<D>);
+    toHaveProp: (propName: never, value: never) => never;
+}
+export declare class TableBodyWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableBodyElement> {
+    type: "tableBody";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class TableBody<D extends DriverT> extends BaseComponent<D, TableBodyWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): TableBodyWrapper<D>;
+    byTestId: (id: string) => TableBodyWrapper<D>;
+}
+export declare class TableBodyExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: TableBodyWrapper<D>);
+    toHaveProp: (propName: never, value: never) => never;
+}
+export declare class TableCellWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableCellElement> {
+    type: "tableCell";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class TableCell<D extends DriverT> extends BaseComponent<D, TableCellWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): TableCellWrapper<D>;
+    byTestId: (id: string) => TableCellWrapper<D>;
+}
+export declare class TableCellExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: TableCellWrapper<D>);
+    toHaveProp: (propName: never, value: never) => never;
+}
+export declare class TableHeadWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableHeadElement> {
+    type: "tableHead";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class TableHead<D extends DriverT> extends BaseComponent<D, TableHeadWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): TableHeadWrapper<D>;
+    byTestId: (id: string) => TableHeadWrapper<D>;
+}
+export declare class TableHeadExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: TableHeadWrapper<D>);
+    toHaveProp: (propName: never, value: never) => never;
+}
+export declare class TableHeaderCellWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableHeaderCellElement> {
+    type: "tableHeaderCell";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class TableHeaderCell<D extends DriverT> extends BaseComponent<D, TableHeaderCellWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): TableHeaderCellWrapper<D>;
+    byTestId: (id: string) => TableHeaderCellWrapper<D>;
+}
+export declare class TableHeaderCellExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: TableHeaderCellWrapper<D>);
+    toHaveProp: (propName: never, value: never) => never;
+}
+export declare class TableRowWrapper<D extends DriverT> extends BaseWrapper<D, VwcTableRowElement> {
+    type: "tableRow";
+    componentInfo: {
+        name: string;
+    };
+    hover: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    blur: () => D["actionReturn"];
+}
+export declare class TableRow<D extends DriverT> extends BaseComponent<D, TableRowWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): TableRowWrapper<D>;
+    byTestId: (id: string) => TableRowWrapper<D>;
+}
+export declare class TableRowExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: TableRowWrapper<D>);
+    toHaveProp: (propName: never, value: never) => never;
+}
 type TabsProps = {
     activeid: string;
     activeindicator: boolean;
@@ -2148,7 +2392,7 @@ export declare class TabsExpectations<D extends DriverT> {
 }
 type TagProps = {
     appearance: 'subtle' | 'duotone' | 'subtle-light';
-    connotation: 'accent' | 'cta';
+    connotation: 'accent' | 'cta' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
     disabled: boolean;
     icon: IconId;
     label: string;
@@ -2529,6 +2773,7 @@ type Expectations<D extends DriverT> = {
     colorPicker: ColorPickerExpectations<D>;
     combobox: ComboboxExpectations<D>;
     contextualHelp: ContextualHelpExpectations<D>;
+    country: CountryExpectations<D>;
     dataGrid: DataGridExpectations<D>;
     dataGridCell: DataGridCellExpectations<D>;
     dataGridRow: DataGridRowExpectations<D>;
@@ -2553,12 +2798,14 @@ type Expectations<D extends DriverT> = {
     numberField: NumberFieldExpectations<D>;
     option: OptionExpectations<D>;
     pagination: PaginationExpectations<D>;
+    popover: PopoverExpectations<D>;
     progress: ProgressExpectations<D>;
     progressRing: ProgressRingExpectations<D>;
     radio: RadioExpectations<D>;
     radioGroup: RadioGroupExpectations<D>;
     rangeSlider: RangeSliderExpectations<D>;
     richTextEditor: RichTextEditorExpectations<D>;
+    richTextView: RichTextViewExpectations<D>;
     searchableSelect: SearchableSelectExpectations<D>;
     select: SelectExpectations<D>;
     selectableBox: SelectableBoxExpectations<D>;
@@ -2566,9 +2813,16 @@ type Expectations<D extends DriverT> = {
     simpleColorPicker: SimpleColorPickerExpectations<D>;
     slider: SliderExpectations<D>;
     splitButton: SplitButtonExpectations<D>;
+    status: StatusExpectations<D>;
     switch: SwitchExpectations<D>;
     tab: TabExpectations<D>;
     tabPanel: TabPanelExpectations<D>;
+    table: TableExpectations<D>;
+    tableBody: TableBodyExpectations<D>;
+    tableCell: TableCellExpectations<D>;
+    tableHead: TableHeadExpectations<D>;
+    tableHeaderCell: TableHeaderCellExpectations<D>;
+    tableRow: TableRowExpectations<D>;
     tabs: TabsExpectations<D>;
     tag: TagExpectations<D>;
     tagGroup: TagGroupExpectations<D>;
@@ -2606,6 +2860,7 @@ export declare class VividWrapper<D extends DriverT> {
     colorPicker: ColorPicker<D>;
     combobox: Combobox<D>;
     contextualHelp: ContextualHelp<D>;
+    country: Country<D>;
     dataGrid: DataGrid<D>;
     dataGridCell: DataGridCell<D>;
     dataGridRow: DataGridRow<D>;
@@ -2630,12 +2885,14 @@ export declare class VividWrapper<D extends DriverT> {
     numberField: NumberField<D>;
     option: Option<D>;
     pagination: Pagination<D>;
+    popover: Popover<D>;
     progress: Progress<D>;
     progressRing: ProgressRing<D>;
     radio: Radio<D>;
     radioGroup: RadioGroup<D>;
     rangeSlider: RangeSlider<D>;
     richTextEditor: RichTextEditor<D>;
+    richTextView: RichTextView<D>;
     searchableSelect: SearchableSelect<D>;
     select: Select<D>;
     selectableBox: SelectableBox<D>;
@@ -2643,9 +2900,16 @@ export declare class VividWrapper<D extends DriverT> {
     simpleColorPicker: SimpleColorPicker<D>;
     slider: Slider<D>;
     splitButton: SplitButton<D>;
+    status: Status<D>;
     switch: Switch<D>;
     tab: Tab<D>;
     tabPanel: TabPanel<D>;
+    table: Table<D>;
+    tableBody: TableBody<D>;
+    tableCell: TableCell<D>;
+    tableHead: TableHead<D>;
+    tableHeaderCell: TableHeaderCell<D>;
+    tableRow: TableRow<D>;
     tabs: Tabs<D>;
     tag: Tag<D>;
     tagGroup: TagGroup<D>;

package/dist/cypress.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./components.generated-BujKep52.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}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./components.generated-7mfpO6v0.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.js

@@ -1,4 +1,4 @@
-import { V as w } from "./components.generated-Cpnh2Wie.js";
+import { V as w } from "./components.generated-jnFpmMnu.js";
 const d = async () => new Promise((i) => requestAnimationFrame(() => i())), k = (i) => {
   const u = (r) => r === i;
   let a;

package/dist/dom.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-BujKep52.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}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-7mfpO6v0.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.js

@@ -1,4 +1,4 @@
-import { V as u } from "./components.generated-Cpnh2Wie.js";
+import { V as u } from "./components.generated-jnFpmMnu.js";
 import w from "@testing-library/user-event";
 const n = () => new Promise((c) => {
   requestAnimationFrame(() => c());

package/dist/playwright.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-BujKep52.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}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components.generated-7mfpO6v0.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.js

@@ -1,4 +1,4 @@
-import { V as u } from "./components.generated-Cpnh2Wie.js";
+import { V as u } from "./components.generated-jnFpmMnu.js";
 const w = (i) => ({
   querySelector: (r, t) => r.locator(t),
   enterShadow: (r) => r,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-test-utils",
-  "version": "5.8.0",
+  "version": "5.10.0",
   "type": "module",
   "exports": {
     "./dom": {
@@ -29,7 +29,7 @@
   ],
   "dependencies": {
     "@testing-library/user-event": "^14.6.1",
-    "@vonage/vivid": "^5.8.0"
+    "@vonage/vivid": "^5.10.0"
   },
   "devDependencies": {
     "@playwright/test": "1.57.0",
@@ -43,11 +43,11 @@
     "vue": "^3.5.24",
     "wait-on": "^8.0.5",
     "@repo/eslint-config": "1.0.0",
-    "@repo/shared": "1.0.0",
-    "@repo/typescript-config": "1.0.0",
     "@repo/vitest-config": "1.0.0",
+    "@repo/shared": "1.0.0",
     "@repo/wrapper-gen": "1.0.0",
-    "@vonage/vivid-vue": "5.8.0"
+    "@repo/typescript-config": "1.0.0",
+    "@vonage/vivid-vue": "5.10.0"
   },
   "scripts": {
     "prebuild": "tsx scripts/codegen.ts",