feat: Add selector property to BaseWrapper interface

Author: winniehell

Diff for: flow/wrapper.flow.js

@@ -28,6 +28,7 @@ declare interface BaseWrapper {
   name(): string | void;
   props(key?: string): { [name: string]: any } | any | void;
   text(): string | void;
+  selector: Selector | void;
   setData(data: Object): void;
   setMethods(methods: Object): void;
   setValue(value: any): void;

Diff for: packages/test-utils/src/error-wrapper.js

@@ -17,9 +17,11 @@ const buildSelectorString = (selector: Selector) => {
 }
 
 export default class ErrorWrapper implements BaseWrapper {
+  selector: Selector
   selectorString: string
 
   constructor(selector: Selector) {
+    this.selector = selector
     this.selectorString = buildSelectorString(selector)
   }
 

Diff for: packages/test-utils/src/wrapper-array.js

@@ -7,6 +7,7 @@ import { throwError } from 'shared/util'
 export default class WrapperArray implements BaseWrapper {
   +wrappers: Array<Wrapper | VueWrapper>
   +length: number
+  selector: Selector | void
 
   constructor(wrappers: Array<Wrapper | VueWrapper>) {
     const length = wrappers.length

Diff for: packages/test-utils/src/wrapper.js

@@ -24,6 +24,7 @@ export default class Wrapper implements BaseWrapper {
   +options: WrapperOptions
   isFunctionalComponent: boolean
   rootNode: VNode | Element
+  selector: Selector | void
 
   constructor(
     node: VNode | Element,

Diff for: packages/test-utils/types/index.d.ts

@@ -69,6 +69,7 @@ interface BaseWrapper {
 
   trigger (eventName: string, options?: object): void
   destroy (): void
+  selector: Selector | void
 }
 
 export interface Wrapper<V extends Vue | null> extends BaseWrapper {

Diff for: packages/test-utils/types/test/wrapper.ts

@@ -1,4 +1,4 @@
-import { mount, createWrapper } from '../'
+import { mount, createWrapper, Selector } from '../'
 import { normalOptions, functionalOptions, ClassComponent } from './resources'
 import Vue from 'vue'
 
@@ -44,19 +44,33 @@ wrapper.vm.$emit('event', 'arg')
 
 let el: HTMLElement = wrapper.element
 
+let selector: Selector | void
+
 let found = wrapper.find('.foo')
+selector = found.selector
 found = wrapper.find(normalOptions)
+selector = found.selector
 found = wrapper.find(functionalOptions)
+selector = found.selector
 found = wrapper.find(ClassComponent)
+selector = found.selector
 found = wrapper.find({ ref: 'myButton' })
+selector = found.selector
 found = wrapper.find({ name: 'my-button' })
+selector = found.selector
 
 let array = wrapper.findAll('.bar')
+selector = array.selector
 array = wrapper.findAll(normalOptions)
+selector = array.selector
 array = wrapper.findAll(functionalOptions)
+selector = array.selector
 array = wrapper.findAll(ClassComponent)
+selector = array.selector
 array = wrapper.findAll({ ref: 'myButton' })
+selector = array.selector
 array = wrapper.findAll({ name: 'my-button' })
+selector = array.selector
 
 wrapper.setChecked()
 wrapper.setChecked(true)