Update examples

Author: lmiller1990

examples/TodoApp.spec.js

@@ -17,3 +17,10 @@ test('creates a todo', async () => {
   expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2)
 })
 
+test('completes a todo', async () => {
+  const wrapper = mount(TodoApp)
+
+  await wrapper.find('[data-test="todo-checkbox"]').setChecked()
+
+  expect(wrapper.find('[data-test="todo"]').classes()).toContain('completed')
+})

examples/TodoApp.vue

@@ -1,7 +1,17 @@
 <template>
   <div>
-    <div v-for="todo in todos" :key="todo.id" data-test="todo">
+    <div 
+      v-for="todo in todos" 
+      :key="todo.id" 
+      data-test="todo"
+      :class="[ todo.completed ? 'completed' : '' ]"  
+    >
       {{ todo.text }}
+      <input 
+        type="checkbox" 
+        v-model="todo.completed" 
+        data-test="todo-checkbox" 
+      />
     </div>
 
     <form data-test="form" @submit.prevent="createTodo">