@vonage/vivid-test-utils 5.11.0 → 5.14.0

package/dist/actions.d.ts

@@ -1,6 +1,6 @@
-import type { DriverT } from './drivers/driver';
+import { DriverT } from './drivers/driver';
 import { BaseWrapper } from './base';
-import { type AccordionItemWrapper, type ButtonWrapper, type ComboboxWrapper, type DatePickerWrapper, type DateRangePickerWrapper, type DateTimePickerWrapper, type NavDisclosureWrapper, type PaginationWrapper, TagWrapper, type TimePickerWrapper } from './components.generated';
+import { AccordionItemWrapper, ButtonWrapper, ComboboxWrapper, DatePickerWrapper, DateRangePickerWrapper, DateTimePickerWrapper, NavDisclosureWrapper, PaginationWrapper, TagWrapper, TimePickerWrapper } from './components.generated';
 export declare function click<D extends DriverT>(this: BaseWrapper<D>, locator: () => D['locator']): D['actionReturn'];
 export declare function fill<D extends DriverT>(this: BaseWrapper<D>, locator: () => D['locator'], text: string): D['actionReturn'];
 export declare function comboboxFill<D extends DriverT>(this: ComboboxWrapper<D>, text: string): D['actionReturn'];

package/dist/base.d.ts

@@ -1,4 +1,4 @@
-import type { Driver, DriverT } from './drivers/driver';
+import { Driver, DriverT } from './drivers/driver';
 export type Context<D extends DriverT> = {
     rootLocator: D['rootLocator'];
     driver: Driver<D>;
@@ -19,7 +19,7 @@ export declare abstract class BaseComponent<D extends DriverT, W extends BaseWra
     constructor(ctx: Context<D>);
     abstract componentInfo: ComponentInfo;
     abstract wrap(locator: D['locator']): W;
-    all: any;
+    all: () => ComponentCollection<D, W>;
 }
 export type ComponentCollectionLocator<D extends DriverT, W extends BaseWrapper<D>> = ComponentCollection<D, W>;
 export declare class ComponentCollection<D extends DriverT, W extends BaseWrapper<D>> {

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, 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";
+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, 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';
@@ -25,7 +25,7 @@ export declare class AccordionExpectations<D extends DriverT> {
     private readonly ctx;
     private readonly wrapper;
     constructor(ctx: Context<D>, wrapper: AccordionWrapper<D>);
-    toHaveProp: <T extends "expandMode">(propName: T, value: AccordionProps[T]) => D["expectReturn"];
+    toHaveProp: <T extends keyof AccordionProps>(propName: T, value: AccordionProps[T]) => D["expectReturn"];
 }
 type AccordionItemProps = {
     appearance: 'ghost' | 'filled' | 'ghost-light';
@@ -653,7 +653,7 @@ export declare class ContextualHelpExpectations<D extends DriverT> {
     private readonly ctx;
     private readonly wrapper;
     constructor(ctx: Context<D>, wrapper: ContextualHelpWrapper<D>);
-    toHaveProp: <T extends "placement">(propName: T, value: ContextualHelpProps[T]) => D["expectReturn"];
+    toHaveProp: <T extends keyof ContextualHelpProps>(propName: T, value: ContextualHelpProps[T]) => D["expectReturn"];
 }
 type CountryProps = {
     code: string;
@@ -1786,7 +1786,7 @@ export declare class RichTextEditorExpectations<D extends DriverT> {
     private readonly ctx;
     private readonly wrapper;
     constructor(ctx: Context<D>, wrapper: RichTextEditorWrapper<D>);
-    toHaveProp: <T extends "instance">(propName: T, value: RichTextEditorProps[T]) => D["expectReturn"];
+    toHaveProp: <T extends keyof RichTextEditorProps>(propName: T, value: RichTextEditorProps[T]) => D["expectReturn"];
 }
 type RichTextViewProps = {
     view: any;
@@ -1811,7 +1811,7 @@ 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"];
+    toHaveProp: <T extends keyof RichTextViewProps>(propName: T, value: RichTextViewProps[T]) => D["expectReturn"];
 }
 type SearchableSelectProps = {
     appearance: 'fieldset' | 'ghost';
@@ -1874,6 +1874,7 @@ export declare class SearchableSelectExpectations<D extends DriverT> {
 }
 type SelectProps = {
     appearance: 'fieldset' | 'ghost';
+    clearable: boolean;
     disabled: boolean;
     errorText: string;
     fixedDropdown: boolean;
@@ -2725,7 +2726,7 @@ export declare class TreeViewExpectations<D extends DriverT> {
     private readonly ctx;
     private readonly wrapper;
     constructor(ctx: Context<D>, wrapper: TreeViewWrapper<D>);
-    toHaveProp: <T extends "renderCollapsedNodes">(propName: T, value: TreeViewProps[T]) => D["expectReturn"];
+    toHaveProp: <T extends keyof TreeViewProps>(propName: T, value: TreeViewProps[T]) => D["expectReturn"];
 }
 type VideoPlayerProps = {
     autoplay: boolean;

package/dist/cypress.d.ts

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

package/dist/dom.d.ts

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

package/dist/drivers/cypress.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="cypress" />
-/// <reference types="cypress" />
-/// <reference types="cypress" />
-/// <reference types="cypress" />
-import type { CypressDriverT, Driver } from './driver';
+import { 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

@@ -1,4 +1,4 @@
-import type { DOMDriverT, Driver } from './driver';
+import { DOMDriverT, Driver } from './driver';
 export type ExpectFn = (subject: any) => {
     toEqual: (value: any) => void;
 };

package/dist/drivers/driver.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="cypress" />
-/// <reference types="cypress" />
-import type { Locator, Page } from '@playwright/test';
+import { Locator, Page } from '@playwright/test';
 export type DOMDriverT = {
     rootLocator: HTMLElement;
     locator: HTMLElement;

package/dist/drivers/playwright.d.ts

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

package/dist/playwright.d.ts

@@ -1,4 +1,4 @@
-import type { PlaywrightDriverT } from './drivers/driver';
-import type { expect as pwExpect, Page } from '@playwright/test';
+import { PlaywrightDriverT } from './drivers/driver';
+import { 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/refs.d.ts

@@ -1,4 +1,4 @@
-import type { DriverT } from './drivers/driver';
+import { 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'];

package/dist/selectors.d.ts

@@ -1,4 +1,4 @@
-import type { DriverT } from './drivers/driver';
+import { 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;

package/dist/tests/cases/accordion/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const accordionTests: TestCase[];

package/dist/tests/cases/alert/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const alertTests: TestCase[];

package/dist/tests/cases/banner/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const bannerTests: TestCase[];

package/dist/tests/cases/button/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const buttonTests: TestCase[];

package/dist/tests/cases/checkbox/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const checkboxTests: TestCase[];

package/dist/tests/cases/collections/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const collectionsTests: TestCase[];

package/dist/tests/cases/combobox/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const comboboxTests: TestCase[];

package/dist/tests/cases/date-picker/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const datePickerTests: TestCase[];

package/dist/tests/cases/date-range-picker/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const dateRangePickerTests: TestCase[];

package/dist/tests/cases/date-time-picker/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const dateTimePickerTests: TestCase[];

package/dist/tests/cases/dialog/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const dialogTests: TestCase[];

package/dist/tests/cases/fab/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const fabTests: TestCase[];

package/dist/tests/cases/icon/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const iconTests: TestCase[];

package/dist/tests/cases/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/cases/menu/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const menuTests: TestCase[];

package/dist/tests/cases/nav/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const navTests: TestCase[];

package/dist/tests/cases/number-field/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const numberFieldTests: TestCase[];

package/dist/tests/cases/pagination/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const paginationTests: TestCase[];

package/dist/tests/cases/radio/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const radioTests: TestCase[];

package/dist/tests/cases/range-slider/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const rangeSliderTests: TestCase[];

package/dist/tests/cases/searchable-select/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const searchableSelectTests: TestCase[];

package/dist/tests/cases/select/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const selectTests: TestCase[];

package/dist/tests/cases/selectable-box/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const selectableBoxTests: TestCase[];

package/dist/tests/cases/slider/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const sliderTests: TestCase[];

package/dist/tests/cases/split-button/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const splitButtonTests: TestCase[];

package/dist/tests/cases/switch/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const switchTests: TestCase[];

package/dist/tests/cases/tabs/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const tabsTests: TestCase[];

package/dist/tests/cases/tag/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const tagTests: TestCase[];

package/dist/tests/cases/text-area/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const textAreaTests: TestCase[];

package/dist/tests/cases/text-field/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const textFieldTests: TestCase[];

package/dist/tests/cases/time-picker/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const timePickerTests: TestCase[];

package/dist/tests/cases/toggletip/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const toggletipTests: TestCase[];

package/dist/tests/cases/tooltip/tests.d.ts

@@ -0,0 +1,2 @@
+import { TestCase } from '../../test-case';
+export declare const tooltipTests: TestCase[];

package/dist/tests/cypress.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/playwright.pw.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/test-case.d.ts

@@ -0,0 +1,8 @@
+import { DriverT } from '../drivers/driver';
+import { VividWrapper } from '../components.generated';
+export interface TestCase {
+    name: string;
+    path: string;
+    expectErrorMessage?: string;
+    test: <T extends DriverT>(vvd: VividWrapper<T>, expectState: (expectedState: Record<string, any>) => void | Promise<void>) => void | Promise<void>;
+}

package/dist/tests/test-cases.d.ts

@@ -0,0 +1 @@
+export declare const testCases: import('./test-case').TestCase[];

package/dist/utils/cssSelectors.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

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