diff --git a/packages/test-utils/types/index.d.ts b/packages/test-utils/types/index.d.ts index 30a39d701..dbd61cac7 100644 --- a/packages/test-utils/types/index.d.ts +++ b/packages/test-utils/types/index.d.ts @@ -38,6 +38,13 @@ type RefSelector = { ref: string } +/** + * Utility type for name options object that can be used as a Selector + */ +type NameSelector = { + name: string +} + /** * Base class of Wrapper and WrapperArray * It has common methods on both Wrapper and WrapperArray @@ -61,7 +68,6 @@ interface BaseWrapper { isEmpty (): boolean isVueInstance (): boolean - update (): void setComputed (computed: object): void setData (data: object): void setMethods (data: object): void @@ -80,12 +86,14 @@ export interface Wrapper extends BaseWrapper { find (selector: FunctionalComponentOptions): Wrapper find (selector: string): Wrapper find (selector: RefSelector): Wrapper + find (selector: NameSelector): Wrapper findAll (selector: VueClass): WrapperArray findAll (selector: ComponentOptions): WrapperArray findAll (selector: FunctionalComponentOptions): WrapperArray findAll (selector: string): WrapperArray findAll (selector: RefSelector): WrapperArray + findAll (selector: NameSelector): WrapperArray html (): string text (): string @@ -116,6 +124,7 @@ interface MountOptions extends ComponentOptions { stubs?: Stubs, attrs?: object listeners?: object + sync?: boolean } type ThisTypedMountOptions = MountOptions & ThisType diff --git a/packages/test-utils/types/test/mount.ts b/packages/test-utils/types/test/mount.ts index 6821c5b03..c01d0c975 100644 --- a/packages/test-utils/types/test/mount.ts +++ b/packages/test-utils/types/test/mount.ts @@ -44,7 +44,8 @@ mount(ClassComponent, { }, listeners: { listener: () => {} - } + }, + sync: true }) mount(functionalOptions, { diff --git a/packages/test-utils/types/test/wrapper.ts b/packages/test-utils/types/test/wrapper.ts index a4320bc3f..c14a5338d 100644 --- a/packages/test-utils/types/test/wrapper.ts +++ b/packages/test-utils/types/test/wrapper.ts @@ -53,11 +53,15 @@ let found = wrapper.find('.foo') found = wrapper.find(normalOptions) found = wrapper.find(functionalOptions) found = wrapper.find(ClassComponent) +found = wrapper.find({ ref: 'myButton' }) +found = wrapper.find({ name: 'my-button' }) let array = wrapper.findAll('.bar') array = wrapper.findAll(normalOptions) array = wrapper.findAll(functionalOptions) array = wrapper.findAll(ClassComponent) +array = wrapper.findAll({ ref: 'myButton' }) +array = wrapper.findAll({ name: 'my-button' }) let str: string = wrapper.html() str = wrapper.text()