@vonage/vivid-test-utils 5.25.0 → 5.28.0

package/dist/components.generated.d.ts

@@ -1,6 +1,6 @@
 import { DriverT } from './drivers/driver';
 import { BaseComponent, BaseWrapper, ComponentCollectionExpectations, ComponentCollectionLocator, Context } from './base';
-import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcFlagElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcListboxElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptgroupElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, 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, VwcTableSortingButtonElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement, RteInstance, RteView } from '@vonage/vivid';
+import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcFlagElement, VwcFormFieldElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcListboxElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptgroupElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, 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, VwcTableSortingButtonElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement, RteInstance, RteView } from '@vonage/vivid';
 type IconId = string;
 type AccordionProps = {
     expandMode: 'single' | 'multi';
@@ -31,7 +31,7 @@ type AccordionItemProps = {
     appearance: 'ghost' | 'filled' | 'ghost-light';
     expanded: boolean;
     heading: string;
-    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    headingLevel: 2 | 6 | 4 | 5 | 3 | 1;
     icon: IconId;
     iconTrailing: boolean;
     id: string;
@@ -97,7 +97,7 @@ export declare class ActionGroupExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof ActionGroupProps>(propName: T, value: ActionGroupProps[T]) => D["expectReturn"];
 }
 type AlertProps = {
-    connotation: 'accent' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement';
     dismissButtonAriaLabel: string;
     headline: string;
     icon: IconId;
@@ -215,12 +215,14 @@ export declare class AvatarExpectations<D extends DriverT> {
 }
 type BadgeProps = {
     appearance: 'filled' | 'duotone' | 'subtle' | 'subtle-light';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
+    count: boolean;
     icon: IconId;
     iconTrailing: boolean;
     shape: 'rounded' | 'pill';
     size: 'normal' | 'expanded';
     text: string;
+    textSecondary: string;
 };
 export declare class BadgeWrapper<D extends DriverT> extends BaseWrapper<D, VwcBadgeElement> {
     type: "badge";
@@ -246,7 +248,7 @@ export declare class BadgeExpectations<D extends DriverT> {
     toHaveIcon: (value: any) => D["expectReturn"];
 }
 type BannerProps = {
-    connotation: 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'information' | 'success' | 'warning' | 'announcement';
     dismissAriaLabel: string;
     icon: IconId;
     removable: boolean;
@@ -336,7 +338,7 @@ type ButtonProps = {
     active: boolean;
     appearance: 'ghost' | 'filled' | 'outlined' | 'ghost-light' | 'outlined-light';
     autofocus: boolean;
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'announcement';
+    connotation: 'alert' | 'accent' | 'success' | 'announcement' | 'cta';
     disabled: boolean;
     download: string;
     dropdownIndicator: boolean;
@@ -424,7 +426,7 @@ export declare class CalendarExpectations<D extends DriverT> {
 }
 type CalendarEventProps = {
     appearance: 'filled' | 'duotone' | 'subtle';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
     description: string;
     duration: number;
     heading: string;
@@ -1091,7 +1093,7 @@ export declare class DividerExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof DividerProps>(propName: T, value: DividerProps[T]) => D["expectReturn"];
 }
 type EmptyStateProps = {
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'cta';
     headline: string;
     icon: IconId;
     iconDecoration: 'filled' | 'outlined';
@@ -1120,7 +1122,7 @@ export declare class EmptyStateExpectations<D extends DriverT> {
 }
 type FabProps = {
     autofocus: boolean;
-    connotation: 'accent' | 'cta' | 'announcement';
+    connotation: 'accent' | 'announcement' | 'cta';
     disabled: boolean;
     form: string;
     formaction: string;
@@ -1210,7 +1212,7 @@ export declare class FilePickerExpectations<D extends DriverT> {
 type FlagProps = {
     code: string;
     label: string;
-    size: 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
+    size: 0 | 2 | 4 | 5 | 3 | 1 | -1 | -6 | -5 | -4 | -3 | -2;
 };
 export declare class FlagWrapper<D extends DriverT> extends BaseWrapper<D, VwcFlagElement> {
     type: "flag";
@@ -1235,6 +1237,31 @@ export declare class FlagExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof FlagProps>(propName: T, value: FlagProps[T]) => D["expectReturn"];
     toHaveCode: (value: any) => D["expectReturn"];
 }
+type FormFieldProps = {
+    state: 'success' | 'error';
+};
+export declare class FormFieldWrapper<D extends DriverT> extends BaseWrapper<D, VwcFormFieldElement> {
+    type: "formField";
+    componentInfo: {
+        name: string;
+    };
+    blur: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    hover: () => D["actionReturn"];
+}
+export declare class FormField<D extends DriverT> extends BaseComponent<D, FormFieldWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): FormFieldWrapper<D>;
+    byTestId: (id: string) => FormFieldWrapper<D>;
+}
+export declare class FormFieldExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: FormFieldWrapper<D>);
+    toHaveProp: <T extends keyof FormFieldProps>(propName: T, value: FormFieldProps[T]) => D["expectReturn"];
+}
 type HeaderProps = {
     alternate: boolean;
     elevationShadow: boolean;
@@ -1262,10 +1289,10 @@ export declare class HeaderExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof HeaderProps>(propName: T, value: HeaderProps[T]) => D["expectReturn"];
 }
 type IconProps = {
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
     label: string;
     name: IconId;
-    size: 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
+    size: 0 | 2 | 4 | 5 | 3 | 1 | -1 | -6 | -5 | -4 | -3 | -2 | -7;
 };
 export declare class IconWrapper<D extends DriverT> extends BaseWrapper<D, VwcIconElement> {
     type: "icon";
@@ -1294,7 +1321,7 @@ type KbdKeyProps = {
     appearance: 'outlined' | 'subtle' | 'dropshadow';
     keyboard: 'auto' | 'standard' | 'apple';
     keyshortcutsKey: string;
-    name: 'Alt' | 'Control' | 'Shift' | 'Enter' | 'Tab' | 'Space' | 'Backspace' | 'Escape' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'End' | 'Home' | 'PageUp' | 'PageDown' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'Mod' | 'Custom';
+    name: '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'Alt' | 'Control' | 'Shift' | 'Enter' | 'Tab' | 'Space' | 'Backspace' | 'Escape' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'End' | 'Home' | 'PageUp' | 'PageDown' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z' | '7' | '8' | '9' | 'Mod' | 'Custom';
     size: 'condensed' | 'normal' | 'expanded' | 'super-condensed';
 };
 export declare class KbdKeyWrapper<D extends DriverT> extends BaseWrapper<D, VwcKbdKeyElement> {
@@ -1578,7 +1605,7 @@ export declare class NavItemExpectations<D extends DriverT> {
     toHaveIcon: (value: any) => D["expectReturn"];
 }
 type NoteProps = {
-    connotation: 'accent' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement';
     headline: string;
     icon: IconId;
 };
@@ -1817,7 +1844,7 @@ export declare class PopoverExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof PopoverProps>(propName: T, value: PopoverProps[T]) => D["expectReturn"];
 }
 type ProgressProps = {
-    connotation: 'accent' | 'cta' | 'success' | 'alert' | 'pacific';
+    connotation: 'alert' | 'accent' | 'success' | 'cta' | 'pacific';
     max: number;
     min: number;
     paused: boolean;
@@ -1848,11 +1875,11 @@ export declare class ProgressExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof ProgressProps>(propName: T, value: ProgressProps[T]) => D["expectReturn"];
 }
 type ProgressRingProps = {
-    connotation: 'accent' | 'cta' | 'success' | 'alert';
+    connotation: 'alert' | 'accent' | 'success' | 'cta';
     max: number;
     min: number;
     paused: boolean;
-    size: 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
+    size: 0 | 2 | 4 | 5 | 3 | 1 | -1 | -6 | -5 | -4 | -3 | -2 | -7;
     value: number;
 };
 export declare class ProgressRingWrapper<D extends DriverT> extends BaseWrapper<D, VwcProgressRingElement> {
@@ -2004,7 +2031,9 @@ export declare class RangeSliderExpectations<D extends DriverT> {
     toHaveVisibleError: (value: any) => D["expectReturn"];
 }
 type RichTextEditorProps = {
+    appearance: 'fieldset';
     instance: RteInstance;
+    state: 'success' | 'error';
 };
 export declare class RichTextEditorWrapper<D extends DriverT> extends BaseWrapper<D, VwcRichTextEditorElement> {
     type: "richTextEditor";
@@ -2317,7 +2346,7 @@ export declare class SliderExpectations<D extends DriverT> {
 }
 type SplitButtonProps = {
     appearance: 'ghost' | 'filled' | 'outlined' | 'outlined-light';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'announcement';
+    connotation: 'alert' | 'accent' | 'success' | 'announcement' | 'cta';
     disabled: boolean;
     icon: IconId;
     indicatorAriaLabel: string;
@@ -2353,7 +2382,7 @@ export declare class SplitButtonExpectations<D extends DriverT> {
     toHaveIcon: (value: any) => D["expectReturn"];
 }
 type StatusProps = {
-    connotation: 'alert' | 'success' | 'warning' | 'information';
+    connotation: 'alert' | 'information' | 'success' | 'warning';
     icon: IconId;
     status: string;
 };
@@ -2382,7 +2411,7 @@ export declare class StatusExpectations<D extends DriverT> {
 }
 type SwitchProps = {
     checked: boolean;
-    connotation: 'accent' | 'cta' | 'success' | 'alert' | 'announcement';
+    connotation: 'alert' | 'accent' | 'success' | 'announcement' | 'cta';
     defaultChecked: boolean;
     disabled: boolean;
     initialValue: string;
@@ -2669,7 +2698,7 @@ export declare class TabsExpectations<D extends DriverT> {
 }
 type TagProps = {
     appearance: 'duotone' | 'subtle' | 'subtle-light';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
     disabled: boolean;
     icon: IconId;
     label: string;
@@ -3069,6 +3098,7 @@ type Expectations<D extends DriverT> = {
     fab: FabExpectations<D>;
     filePicker: FilePickerExpectations<D>;
     flag: FlagExpectations<D>;
+    formField: FormFieldExpectations<D>;
     header: HeaderExpectations<D>;
     icon: IconExpectations<D>;
     kbdKey: KbdKeyExpectations<D>;
@@ -3164,6 +3194,7 @@ export declare class VividWrapper<D extends DriverT> {
     fab: Fab<D>;
     filePicker: FilePicker<D>;
     flag: Flag<D>;
+    formField: FormField<D>;
     header: Header<D>;
     icon: Icon<D>;
     kbdKey: KbdKey<D>;

package/dist/cypress.cjs

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

package/dist/cypress.js

@@ -1,4 +1,4 @@
-import { t as e } from "./components.generated-NJa_d646.js";
+import { t as e } from "./components.generated-B-6jlcsc.js";
 //#region src/drivers/cypress.ts
 var t = async () => new Promise((e) => requestAnimationFrame(() => e())), n = (e) => {
 	let n = (t) => t === e, r, i = (e) => {
@@ -71,9 +71,7 @@ var t = async () => new Promise((e) => requestAnimationFrame(() => e())), n = (e
 						}
 					});
 					break;
-				case "count":
-					e.el().should("have.length", t);
-					break;
+				case "count": e.el().should("have.length", t);
 			}
 		},
 		wrapAction: (e) => function t(...n) {
@@ -110,9 +108,12 @@ var t = async () => new Promise((e) => requestAnimationFrame(() => e())), n = (e
 			}
 		}
 	};
-}, r = (t) => new e({
-	rootLocator: t,
-	driver: n(t)
-});
+}, r = (t) => {
+	let r = {
+		rootLocator: t,
+		driver: n(t)
+	};
+	return new e(r);
+};
 //#endregion
 export { r as vividCypress };

package/dist/dom.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./components.generated-CFCjcJdH.cjs`);let l=require(`@testing-library/user-event`);l=s(l,1);var u=()=>new Promise(e=>{requestAnimationFrame(()=>e())}),d=e=>{let t=l.default.setup(),n=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 t.click(e),await u()},userFill:async(e,r)=>{await n(e),r&&await t.type(e,r),await u()},userClear:async e=>{await n(e),await u()},userFocus:async e=>{e.focus(),await u()},userBlur:async e=>{e.blur(),(e.tagName===`INPUT`||e.tagName===`TEXTAREA`)&&e.dispatchEvent(new InputEvent(`change`,{bubbles:!0,composed:!0})),await u()},userHover:async e=>{await t.hover(e),await u()},userDragSlider:async(e,t,n,r)=>{if(n.id===`start-thumb`){let t=e;t.startAsNumber=r,t.$emit(`input:start`),t.$emit(`input`)}else if(n.id===`end-thumb`){let t=e;t.endAsNumber=r,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=r}await u()},eval:async(e,t,n,r)=>{let i=await t(e,n);await r?.(i)},waitForUpdate:async()=>{await u()},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}}}},f=(e,t)=>new c.t({rootLocator:t,driver:d(e)});exports.t=s,exports.vividDOM=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));const c=require("./components.generated-DcMBaOF8.cjs");let l=require("@testing-library/user-event");l=s(l,1);var u=()=>new Promise(e=>{requestAnimationFrame(()=>e())}),d=e=>{let t=l.default.setup(),n=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 t.click(e),await u()},userFill:async(e,r)=>{await n(e),r&&await t.type(e,r),await u()},userClear:async e=>{await n(e),await u()},userFocus:async e=>{e.focus(),await u()},userBlur:async e=>{e.blur(),(e.tagName===`INPUT`||e.tagName===`TEXTAREA`)&&e.dispatchEvent(new InputEvent(`change`,{bubbles:!0,composed:!0})),await u()},userHover:async e=>{await t.hover(e),await u()},userDragSlider:async(e,t,n,r)=>{if(n.id===`start-thumb`){let t=e;t.startAsNumber=r,t.$emit(`input:start`),t.$emit(`input`)}else if(n.id===`end-thumb`){let t=e;t.endAsNumber=r,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=r}await u()},eval:async(e,t,n,r)=>{let i=await t(e,n);await r?.(i)},waitForUpdate:async()=>{await u()},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)}},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}}}},f=(e,t)=>{let n={rootLocator:t,driver:d(e)};return new c.t(n)};exports.vividDOM=f;

package/dist/dom.js

@@ -1,4 +1,4 @@
-import { t as e } from "./components.generated-NJa_d646.js";
+import { t as e } from "./components.generated-B-6jlcsc.js";
 import t from "@testing-library/user-event";
 //#region src/drivers/dom.ts
 var n = () => new Promise((e) => {
@@ -75,9 +75,7 @@ var n = () => new Promise((e) => {
 						throw e instanceof Error && (e.message = `${r}\n\nOriginal error: ${e.message}`), e;
 					}
 					break;
-				case "count":
-					e(t.el.length).toEqual(n);
-					break;
+				case "count": e(t.el.length).toEqual(n);
 			}
 		},
 		wrapAction: (e) => async function t(...n) {
@@ -102,9 +100,12 @@ var n = () => new Promise((e) => {
 			}
 		}
 	};
-}, i = (t, n) => new e({
-	rootLocator: n,
-	driver: r(t)
-});
+}, i = (t, n) => {
+	let i = {
+		rootLocator: n,
+		driver: r(t)
+	};
+	return new e(i);
+};
 //#endregion
 export { i as vividDOM };

package/dist/jsdom-polyfill.cjs

@@ -1 +1 @@
-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{observe(){}disconnect(){}}}t(),window.HTMLElement.prototype.scrollIntoView=function(){},window.HTMLElement.prototype.scrollTo=function(){},exports.setDialogPolyfill=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});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{observe(){}disconnect(){}}}t(),window.HTMLElement.prototype.scrollIntoView=function(){},window.HTMLElement.prototype.scrollTo=function(){},exports.setDialogPolyfill=t;

package/dist/playwright.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components.generated-CFCjcJdH.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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components.generated-DcMBaOF8.cjs");var t=e=>e.evaluate(()=>new Promise(e=>requestAnimationFrame(()=>e()))),n=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:async(e,n)=>{await t(e),await e.fill(n)},userClear:async e=>{await t(e),await 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)}},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}),r=(t,r)=>{let i={rootLocator:t,driver:n(r)};return new e.t(i)};exports.vividPlaywright=r;

package/dist/playwright.js

@@ -1,13 +1,17 @@
-import { t as e } from "./components.generated-NJa_d646.js";
+import { t as e } from "./components.generated-B-6jlcsc.js";
 //#region src/drivers/playwright.ts
-var t = (e) => ({
+var t = (e) => e.evaluate(() => new Promise((e) => requestAnimationFrame(() => e()))), n = (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(),
+	userFill: async (e, n) => {
+		await t(e), await e.fill(n);
+	},
+	userClear: async (e) => {
+		await t(e), await e.clear();
+	},
 	userFocus: (e) => e.focus(),
 	userBlur: (e) => e.blur(),
 	userHover: (e) => e.hover(),
@@ -44,9 +48,7 @@ var t = (e) => ({
 					throw e instanceof Error && (e.message = `${r}\n\nOriginal error: ${e.message}`), e;
 				}
 				break;
-			case "count":
-				await e(t.el).toHaveCount(n);
-				break;
+			case "count": await e(t.el).toHaveCount(n);
 		}
 	},
 	wrapAction: (e) => async function t(...n) {
@@ -64,9 +66,12 @@ var t = (e) => ({
 		}
 	},
 	wrapSelector: (e) => e
-}), n = (n, r) => new e({
-	rootLocator: n,
-	driver: t(r)
-});
+}), r = (t, r) => {
+	let i = {
+		rootLocator: t,
+		driver: n(r)
+	};
+	return new e(i);
+};
 //#endregion
-export { n as vividPlaywright };
+export { r as vividPlaywright };

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@vonage/vivid-test-utils",
-  "version": "5.25.0",
+  "version": "5.28.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Vonage/vivid-3",
+    "directory": "libs/test-utils"
+  },
   "type": "module",
   "exports": {
     "./dom": {
@@ -28,34 +33,34 @@
     "dist"
   ],
   "dependencies": {
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/user-event": "^14.6.6",
     "change-case": "^5.4.4",
-    "@vonage/vivid": "^5.25.0"
+    "@vonage/vivid": "^5.28.0"
   },
   "devDependencies": {
     "@playwright/test": "1.57.0",
-    "@types/node": "^20.19.40",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vue/test-utils": "^2.4.10",
-    "concurrently": "^9.2.1",
+    "@types/node": "^20.19.43",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/test-utils": "^2.4.11",
+    "concurrently": "^9.2.4",
     "cypress": "15.13.1",
-    "eslint": "^10.3.0",
-    "tsx": "^4.21.0",
+    "eslint": "^10.8.1",
+    "tsx": "^4.23.13",
     "typescript": "5.9.3",
-    "vite": "^8.0.12",
+    "vite": "^8.2.2",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.8",
-    "vue": "^3.5.34",
+    "vitest": "^4.1.10",
+    "vue": "^3.5.41",
     "wait-on": "^8.0.5",
     "@repo/eslint-config": "1.0.0",
-    "@repo/tools": "1.0.0",
     "@repo/internal-test-utils": "1.0.0",
-    "@repo/typescript-config": "1.0.0",
+    "@repo/tools": "1.0.0",
     "@repo/metadata-extractor": "1.0.0",
-    "@repo/vite-config": "1.0.0",
+    "@repo/typescript-config": "1.0.0",
     "@repo/vitest-config": "1.0.0",
-    "@repo/wrapper-gen": "1.0.0",
-    "@vonage/vivid-vue": "5.25.0"
+    "@repo/vite-config": "1.0.0",
+    "@vonage/vivid-vue": "5.28.0",
+    "@repo/wrapper-gen": "1.0.0"
   },
   "scripts": {
     "prebuild": "tsx scripts/codegen.ts",