fix tests

CDCgov · May 17, 2024 · 8af5ee7 · 8af5ee7
1 parent 9488779
commit 8af5ee7
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/frontend/src/app/testQueue/TestCard/TestCard.test.tsx b/frontend/src/app/testQueue/TestCard/TestCard.test.tsx
@@ -30,6 +30,7 @@ import {
   generateEditQueueMock,
   generateEmptyEditQueueMock,
   generateSubmitQueueMock,
+  blankUpdateAoeEventMock,
 } from "../TestCardForm/testUtils/submissionMocks";
 import { MULTIPLEX_DISEASES, TEST_RESULTS } from "../../testResults/constants";
 
@@ -441,7 +442,9 @@ describe("TestCard", () => {
   });
 
   it("renders dropdown of device types", async () => {
-    const { user } = await renderQueueItem();
+    const { user } = await renderQueueItem({
+      mocks: [blankUpdateAoeEventMock],
+    });
 
     const deviceDropdown = (await screen.findByTestId(
       "device-type-dropdown"
@@ -513,6 +516,7 @@ describe("TestCard", () => {
             },
           }
         ),
+        blankUpdateAoeEventMock,
       ];
 
       const props = {
@@ -824,6 +828,8 @@ describe("TestCard", () => {
             },
           }
         ),
+        blankUpdateAoeEventMock,
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });
@@ -976,6 +982,7 @@ describe("TestCard", () => {
             },
           }
         ),
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });
@@ -1010,6 +1017,7 @@ describe("TestCard", () => {
           MULTIPLEX_DISEASES.COVID_19,
           TEST_RESULTS.POSITIVE
         ),
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });
@@ -1035,6 +1043,7 @@ describe("TestCard", () => {
 
       const mocks = [
         generateEditQueueMock(MULTIPLEX_DISEASES.HIV, TEST_RESULTS.POSITIVE),
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });
@@ -1054,6 +1063,7 @@ describe("TestCard", () => {
 
       const mocks = [
         generateEditQueueMock(MULTIPLEX_DISEASES.HIV, TEST_RESULTS.POSITIVE),
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });
@@ -1083,6 +1093,7 @@ describe("TestCard", () => {
 
       const mocks = [
         generateEditQueueMock(MULTIPLEX_DISEASES.HIV, TEST_RESULTS.UNKNOWN),
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });
@@ -1110,6 +1121,7 @@ describe("TestCard", () => {
           MULTIPLEX_DISEASES.COVID_19,
           TEST_RESULTS.POSITIVE
         ),
+        blankUpdateAoeEventMock,
       ];
 
       const { user } = await renderQueueItem({ mocks });

diff --git a/frontend/src/app/testQueue/TestCardForm/diseaseSpecificComponents/CovidAoEForm.tsx b/frontend/src/app/testQueue/TestCardForm/diseaseSpecificComponents/CovidAoEForm.tsx
@@ -39,7 +39,12 @@ const CovidAoEForm = ({
     onSymptomsChange,
     onSymptomOnsetDateChange,
   } = generateAoeListenerHooks(onResponseChange, responses);
-  const { hasSymptoms, symptoms } = generateSymptomAoeConstants(
+  const {
+    hasSymptoms,
+    symptoms,
+    showSymptomOnsetError,
+    showSymptomOnsetDateError,
+  } = generateSymptomAoeConstants(
     responses,
     hasAttemptedSubmit,
     respiratorySymptomDefinitions
@@ -86,6 +91,12 @@ const CovidAoEForm = ({
                   : ""
               }
               onChange={(e) => onSymptomOnsetDateChange(e.target.value)}
+              validationStatus={showSymptomOnsetDateError ? "error" : undefined}
+              errorMessage={
+                showSymptomOnsetDateError
+                  ? "This question is required if the patient has symptoms."
+                  : undefined
+              }
             ></TextInput>
           </div>
           <div className="grid-row grid-gap">
@@ -98,6 +109,12 @@ const CovidAoEForm = ({
               legend="Select any symptoms the patient is experiencing"
               name={`symptoms-${testOrder.internalId}`}
               onChange={(e) => onSymptomsChange(e, symptoms)}
+              validationStatus={showSymptomOnsetError ? "error" : undefined}
+              errorMessage={
+                showSymptomOnsetError
+                  ? "This question is required if the patient has symptoms."
+                  : undefined
+              }
             />
           </div>
         </>