12. Unit Testing

Activity 12.01: Adding a Simple Search by Title Page with Tests

Solution:

Perform the following steps to complete the activity:

Note

To access the code files for this activity, refer to https://packt.live/2UVF28c.

1. Create the search form with an input and a button in a new file in src/components/SearchForm.vue:

   <template>
     <form class="flex flex-row m-auto mb-10">
       <input
         placholder="Search"
         class="bg-white focus:outline-none focus:shadow-outline         border
         border-gray-300 rounded py-2 px-4 flex
         appearance-none leading-normal"
         type="text"
       />
       <button
         type="submit"
      ...