triggering events and nextTick shorthand

Author: Wiriyamu

tests/unit/example.spec.js

@@ -4,7 +4,13 @@ const App = {
   data: () => ({
     count: 0,
   }),
+  methods: {
+    increment() {
+      this.count += 1;
+    },
+  },
   template: `
+    <button @click="increment"></button>
     <div v-if="count % 2 === 0">
       Count: {{ count }}. Count is even.
     </div>  
@@ -15,7 +21,7 @@ const App = {
   `,
 };
 
-function factory({ data }) {
+function factory({ data } = { data: {} }) {
   return mount(App, {
     data() {
       return data;
@@ -24,21 +30,16 @@ function factory({ data }) {
 }
 
 describe("App", () => {
-  it("render count when odd", () => {
-    const wrapper = factory({
-      data: {
-        count: 1,
-      },
-    });
+  it("render count when odd", async () => {
+    const wrapper = factory();
+    await wrapper.find("button").trigger("click");
     expect(wrapper.html()).toContain("Count: 1. Count is odd");
   });
 
-  it("render count when even", () => {
-    const wrapper = factory({
-      data: {
-        count: 2,
-      },
-    });
+  it("render count when even", async () => {
+    const wrapper = factory();
+    await wrapper.find("button").trigger("click");
+    await wrapper.find("button").trigger("click");
     expect(wrapper.html()).toContain("Count: 2. Count is even");
   });
 });