working with props

Author: Wiriyamu

tests/unit/example.spec.js

@@ -1,12 +1,27 @@
 import { mount } from "@vue/test-utils";
 
 const App = {
+  props: {
+    count: {
+      type: Number,
+    },
+  },
   template: `
-    <div>Hello</div>  
+    <div v-if="count % 2 === 0">
+      Count: {{ count }}. Count is even.
+    </div>  
+
+    <div v-if="count % 2 !== 0">
+      Count: {{ count }}. Count is odd.
+    </div>
   `,
 };
 
 test("App", () => {
-  const wrapper = mount(App);
-  expect(wrapper.html()).toBe("<div>Hello</div>");
+  const wrapper = mount(App, {
+    props: {
+      count: 1,
+    },
+  });
+  expect(wrapper.html()).toContain("Count: 1");
 });