Merge pull request #13664 from transcom/servicesTest

Services test
transcom · Sep 10, 2024 · 980e638 · 980e638
2 parents 3657a7f + 512e3a4
commit 980e638
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/src/components/Office/ShipmentForm/ShipmentForm.jsx b/src/components/Office/ShipmentForm/ShipmentForm.jsx
@@ -93,6 +93,7 @@ const ShipmentForm = (props) => {
   const { moveCode } = useParams();
   const navigate = useNavigate();
 
+  const [datesErrorMessage, setDatesErrorMessage] = useState(null);
   const [errorMessage, setErrorMessage] = useState(null);
   const [successMessage, setSuccessMessage] = useState(null);
   const [shipmentAddressUpdateReviewErrorMessage, setShipmentAddressUpdateReviewErrorMessage] = useState(null);
@@ -202,7 +203,7 @@ const ShipmentForm = (props) => {
   useEffect(() => {
     const onErrorHandler = (e) => {
       const { response } = e;
-      setErrorMessage(response?.body?.detail);
+      setDatesErrorMessage(response?.body?.detail);
     };
     dateSelectionWeekendHolidayCheck(
       dateSelectionIsWeekendHoliday,
@@ -219,7 +220,7 @@ const ShipmentForm = (props) => {
   useEffect(() => {
     const onErrorHandler = (e) => {
       const { response } = e;
-      setErrorMessage(response?.body?.detail);
+      setDatesErrorMessage(response?.body?.detail);
     };
     dateSelectionWeekendHolidayCheck(
       dateSelectionIsWeekendHoliday,
@@ -628,7 +629,7 @@ const ShipmentForm = (props) => {
           });
           const onErrorHandler = (errResponse) => {
             const { response } = errResponse;
-            setErrorMessage(response?.body?.detail);
+            setDatesErrorMessage(response?.body?.detail);
           };
           dateSelectionWeekendHolidayCheck(
             dateSelectionIsWeekendHoliday,
@@ -699,9 +700,15 @@ const ShipmentForm = (props) => {
               errorMessage={shipmentAddressUpdateReviewErrorMessage}
               setErrorMessage={setShipmentAddressUpdateReviewErrorMessage}
             />
+            <NotificationScrollToTop dependency={datesErrorMessage} />
+            {datesErrorMessage && (
+              <Alert data-testid="datesErrorMessage" type="error" headingLevel="h4" heading="An error occurred">
+                {datesErrorMessage}
+              </Alert>
+            )}
             <NotificationScrollToTop dependency={errorMessage} />
             {errorMessage && (
-              <Alert type="error" headingLevel="h4" heading="An error occurred">
+              <Alert data-testid="errorMessage" type="error" headingLevel="h4" heading="An error occurred">
                 {errorMessage}
               </Alert>
             )}