Add more IDs to UI elements (#262)

Co-authored-by: Rein Krul <[email protected]>
nuts-foundation · May 12, 2022 · b8670d8 · b8670d8
1 parent b794bd9
commit b8670d8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/web/src/ehr/inbox/TransferRequest.vue b/web/src/ehr/inbox/TransferRequest.vue
@@ -21,12 +21,12 @@
             <div>
               <h2 class="mb-1">Requesting Care Organization</h2>
 
-              <div class="text-gray-700">
+              <div class="text-gray-700" id="requesting-care-organization-info">
                 {{ transferRequest.sender.name }} in {{ transferRequest.sender.city }}
               </div>
             </div>
 
-            <div>
+            <div id="transfer-request-status-info">
               <transfer-status :status="{status: transferRequest.status}"/>
             </div>
           </div>
@@ -36,7 +36,7 @@
           <div v-if="transferRequest.advanceNotice">
             <div>
               <label>Transfer date</label>
-              <div>
+              <div id="transfer-request-date-info">
                 {{ transferRequest.advanceNotice.transferDate }}
               </div>
             </div>
@@ -48,14 +48,14 @@
                 <li v-for="patientProblem in transferRequest.advanceNotice.carePlan.patientProblems">
                   <h3 class="font-semibold text-sm">Problem</h3>
 
-                  <p> {{ patientProblem.problem.name }} </p>
+                  <p data-problem-detail="name"> {{ patientProblem.problem.name }} </p>
 
                   <div class="mt-2">
                     <h3 class="font-semibold text-sm">Interventions</h3>
 
                     <ul>
                       <li v-for="intervention in patientProblem.interventions">
-                        - &nbsp;{{ intervention.comment }}
+                        - &nbsp;<span data-problem-detail="intervention">{{ intervention.comment }}</span>
                       </li>
                     </ul>
                   </div>
@@ -72,7 +72,7 @@
         <div v-if="!transferRequest.nursingHandoff">
           <label>Zipcode</label>
 
-          <div>{{ transferRequest.advanceNotice.patient.zipcode }}</div>
+          <div id="patient-zipcode-label">{{ transferRequest.advanceNotice.patient.zipcode }}</div>
         </div>
 
         <div v-if="transferRequest.nursingHandoff">

diff --git a/web/src/ehr/patient/PatientDetails.vue b/web/src/ehr/patient/PatientDetails.vue
@@ -14,7 +14,7 @@
         >
           {{ patient.firstName }} {{ patient.surname }}
         </router-link>
-        <p class="text-2xl mb-2 mr-4" v-else-if="!editable && (patient.surname || patient.firstName)">
+        <p class="text-2xl mb-2 mr-4" v-else-if="!editable && (patient.surname || patient.firstName)"  id="patient-name-label">
           {{ patient.firstName }} {{ patient.surname }}
         </p>
         <div v-else-if="Object.keys(patient).length === 0">...</div>
@@ -36,27 +36,27 @@
       <div class="grid grid-cols-5 gap-x-6">
         <div v-if="patient.ssn">
           <div class="text-sm font-semibold">SSN</div>
-          {{ patient.ssn }}
+          <span id="patient-ssn-label">{{ patient.ssn }}</span>
         </div>
 
         <div>
           <div class="text-sm font-semibold">Gender</div>
-          {{ patient.gender ? patient.gender : (Object.keys(patient).length === 0 ? '...' : 'Unknown') }}
+          <span id="patient-gender-label">{{ patient.gender ? patient.gender : (Object.keys(patient).length === 0 ? '...' : 'Unknown') }}</span>
         </div>
 
         <div>
           <div class="text-sm font-semibold">Birth date</div>
-          {{ patient.dob ? patient.dob : (Object.keys(patient).length === 0 ? '...' : 'Unknown') }}
+          <span id="patient-dob-label">{{ patient.dob ? patient.dob : (Object.keys(patient).length === 0 ? '...' : 'Unknown') }}</span>
         </div>
 
         <div v-if="patient.email">
           <div class="text-sm font-semibold">E-mail</div>
-          {{ patient.email }}
+          <span id="patient-email-label">{{ patient.email }}</span>
         </div>
 
         <div v-if="patient.zipcode">
           <div class="text-sm font-semibold">Zipcode</div>
-          {{ patient.zipcode }}
+          <span id="patient-zipcode-label">{{ patient.zipcode }}</span>
         </div>
       </div>
     </div>