fix tests

Author: yyx990803

src/devtools/components/StateInspector.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="data-wrapper">
-    <div v-for="type in getKeys(state)" :class="['data-el', toDisplayType(type)]">
+    <div v-for="type in getKeys(state)" :class="['data-el', toDisplayType(type, true)]">
       <div class="data-type">{{ toDisplayType(type) }}</div>
       <div class="data-fields">
         <template v-if="Array.isArray(state[type])">
@@ -49,10 +49,12 @@ export default {
         )
       })
     },
-    toDisplayType (type) {
+    toDisplayType (type, asClass) {
       return type === 'undefined'
         ? 'data'
-        : type
+        : asClass
+          ? type.replace(/\s/g, '-')
+          : type
     }
   }
 }

test/specs/test.js

@@ -27,16 +27,16 @@ module.exports = {
       // select child instance
       .click('.instance .instance:nth-child(1) .self')
       .assert.containsText('.component-name', 'Counter')
-      .assert.containsText('.data-el.computed .data-field', 'count:0')
-      .assert.containsText('.data-el.computed .data-field:nth-child(2)', 'test:1')
-      .assert.containsText('.data-el.firebase .data-field', 'hello:undefined')
+      .assert.containsText('.data-el.vuex-bindings .data-field', 'count:0')
+      .assert.containsText('.data-el.computed .data-field', 'test:1')
+      .assert.containsText('.data-el.firebase-bindings .data-field', 'hello:undefined')
 
       // prop types
       .click('.instance .instance:nth-child(2) .self')
       .assert.containsText('.component-name', 'Target')
-      .assert.containsText('.data-el.prop .data-field:nth-child(1)', 'ins:Object')
-      .assert.containsText('.data-el.prop .data-field:nth-child(2)', 'msg:"hi"')
-      .assert.containsText('.data-el.prop .data-field:nth-child(3)', 'obj:undefined')
+      .assert.containsText('.data-el.props .data-field:nth-child(1)', 'ins:Object')
+      .assert.containsText('.data-el.props .data-field:nth-child(2)', 'msg:"hi"')
+      .assert.containsText('.data-el.props .data-field:nth-child(3)', 'obj:undefined')
 
       // expand child instance
       .click('.instance .instance:nth-child(2) .arrow-wrapper')