Add Events Tab tests

Author: Guillaume Chau

shells/dev/target/EventChild.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <button @click="emitEvent">Emit</button>
-    <button @click="emitEvent1">Emit</button>
-    <button @click="emitEvent2">Emit</button>
+    <button class="btn-emit-event" @click="emitEvent">Emit</button>
+    <button class="btn-emit-event1" @click="emitEvent1">Emit</button>
+    <button  class="btn-emit-event2" @click="emitEvent2">Emit</button>
   </div>
 </template>
 

shells/dev/target/EventChild1.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <button @click="emitLogEvent">Emit</button>
+    <button class="btn-emit-log-event" @click="emitLogEvent">Emit</button>
   </div>
 </template>
 

shells/dev/target/EventChildCond.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <button @click="emitLogEvent">Emit from cond</button>
+    <button class="btn-emit-event-cond" @click="emitLogEvent">Emit from cond</button>
   </div>
 </template>
 

test/specs/test.js

@@ -205,6 +205,29 @@ module.exports = {
       .click('.import')
       .waitForElementNotPresent('.import-state', 2000)
 
+      // Events
+      .frame('target')
+        .click('.btn-emit-event')
+        .click('.btn-emit-event1')
+        .click('.btn-emit-event2')
+        .frame(null)
+      .assert.containsText('.event-count', 3)
+      .click('.button.events')
+      .assert.elementNotPresent('.event-count')
+      .assert.count('.history .entry', 3)
+      .frame('target')
+        .click('.btn-emit-log-event')
+        .frame(null)
+      .assert.count('.history .entry', 4)
+      .setValue('.search input', 'event')
+      .assert.count('.history .entry', 3)
+      .clearValue('.search input')
+      .setValue('.search input', 'EventChild1')
+      .assert.count('.history .entry', 1)
+      .clearValue('.search input')
+      .click('.button.reset')
+      .assert.count('.history .entry', 0)
+
       // done
       .end()
   }