chore: Build selector string in ErrorWrapper

Author: winniehell

packages/test-utils/src/error-wrapper.js

@@ -1,12 +1,25 @@
 // @flow
 
 import { throwError } from 'shared/util'
+import { REF_SELECTOR } from 'shared/consts'
+
+const buildSelectorString = (selector: Selector) => {
+  if (selector.type === REF_SELECTOR) {
+    return `ref="${selector.value.ref}"`
+  }
+
+  if (typeof selector.value === 'string') {
+    return selector.value
+  }
+
+  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 {

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(selector)
     }
 
     return createWrapper(node, this.options)