chore: Build selector string in ErrorWrapper

Author: winniehell

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

@@ -1,12 +1,26 @@
 // @flow
 
 import { throwError } from 'shared/util'
+import { REF_SELECTOR } from 'shared/consts'
+import { getSelectorType } from './get-selector'
+
+const buildSelectorString = (selector: Selector) => {
+  if (getSelectorType(selector) === REF_SELECTOR) {
+    return `ref="${selector.value.ref}"`
+  }
+
+  if (typeof selector === 'string') {
+    return selector
+  }
+
+  return 'Component'
+}
 
 export default class ErrorWrapper implements BaseWrapper {
   selectorString: string
 
-  constructor(selectorString: string) {
-    this.selectorString = selectorString
+  constructor(selector: Selector) {
+    this.selectorString = buildSelectorString(selector)
   }
 
   at(): void {

Diff for: packages/test-utils/src/get-selector.js

@@ -15,7 +15,7 @@ import {
   INVALID_SELECTOR
 } from 'shared/consts'
 
-function getSelectorType(selector: Selector): string {
+export function getSelectorType(selector: Selector): string {
   if (isDomSelector(selector)) return DOM_SELECTOR
   if (isVueComponent(selector)) return COMPONENT_SELECTOR
   if (isNameSelector(selector)) return NAME_SELECTOR

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

@@ -193,12 +193,7 @@ export default class Wrapper implements BaseWrapper {
     const node = find(this.rootNode, this.vm, selector)[0]
 
     if (!node) {
-      if (selector.type === REF_SELECTOR) {
-        return new ErrorWrapper(`ref="${selector.value.ref}"`)
-      }
-      return new ErrorWrapper(
-        typeof selector.value === 'string' ? selector.value : 'Component'
-      )
+      return new ErrorWrapper(rawSelector)
     }
 
     return createWrapper(node, this.options)