fix tests, add test for offer update

src/components/GiftedDialog.vue

@@ -55,7 +55,7 @@
             }"
             class="text-blue-500"
           >
-            Photo & Details ...
+            Photo & more options ...
           </router-link>
         </span>
       </div>

src/components/OfferDialog.vue

@@ -54,7 +54,7 @@
             }"
             class="text-blue-500"
           >
-            Conditions, expiration...
+            Conditions & more options...
           </router-link>
         </span>
       </div>

src/views/ClaimView.vue

@@ -30,8 +30,9 @@
               "
               @click="onClickEditClaim"
               title="Edit"
+              data-testId="editClaimButton"
             >
-              <fa icon="pen" class="text-sm text-blue-500 ml-2 mb-1"></fa>
+              <fa icon="pen" class="text-sm text-blue-500 ml-2 mb-1" />
             </button>
           </h2>
           <div class="text-sm">
@@ -50,11 +51,11 @@
               </button>
               <span v-show="showIdCopy">Copied ID</span>
             </div>
-            <div>
+            <div data-testId="description">
               <fa icon="message" class="fa-fw text-slate-400" />
               {{
-                veriClaim.claim?.description ||
-                veriClaim.claim?.itemOffered?.description
+                veriClaim.claim?.itemOffered?.description ||
+                veriClaim.claim?.description
               }}
             </div>
             <div>

src/views/NewEditProjectView.vue

@@ -91,11 +91,13 @@
     <div class="flex mb-4 columns-3 w-full">
       <input
         v-model="startDateInput"
+        placeholder="Start Date"
         type="date"
         class="col-span-1 w-full rounded border border-slate-400 px-3 py-2"
       />
       <input
         :disabled="!startDateInput"
+        placeholder="Start Time"
         v-model="startTimeInput"
         type="time"
         class="col-span-1 w-full rounded border border-slate-400 ml-2 px-3 py-2"

src/views/OfferDetailsView.vue

@@ -36,6 +36,7 @@
       class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
       placeholder="What was offered"
       v-model="itemDescription"
+      data-testId="itemDescription"
     />
     <div class="flex flex-row justify-center">
       <span
@@ -54,6 +55,7 @@
         type="number"
         class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
         v-model="amountInput"
+        data-testId="inputOfferAmount"
       />
       <div
         class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
@@ -173,7 +175,6 @@
 </template>
 
 <script lang="ts">
-import { DateTime } from "luxon";
 import { Component, Vue } from "vue-facing-decorator";
 import { Router } from "vue-router";