fix. add Allergy test

Author: Arjun-Go

micro-frontends/src/next-ui/Components/AddAllergy/AddAllergy.spec.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render, fireEvent, screen, act, getByTestId, waitFor } from "@testing-library/react";
+import { render, fireEvent, screen, waitFor } from "@testing-library/react";
 import { AddAllergy } from "./AddAllergy";
 import {
   saveAllergiesAPICall
@@ -277,6 +277,7 @@ describe("AddAllergy", () => {
 
   it("should save allergies successfully and set isSaveSuccess to true", async () => {
     const { container } = render(
+      <IntlProvider locale="en">
       <AddAllergy
         onClose={onClose}
         onSave={onSave}
@@ -286,6 +287,7 @@ describe("AddAllergy", () => {
         allergens={mockAllergensData}
         reaction={mockReactionsData}
       />
+      </IntlProvider>
     );
     saveAllergiesAPICall.mockResolvedValueOnce({ status: 201 });
     searchAllergen();
@@ -311,6 +313,7 @@ describe("AddAllergy", () => {
 
   it("should set isSaveSuccess to false if saveAllergiesAPICall fails", async () => {
     const { container } = render(
+      <IntlProvider locale="en">
       <AddAllergy
         onClose={onClose}
         onSave={onSave}
@@ -320,6 +323,7 @@ describe("AddAllergy", () => {
         allergens={mockAllergensData}
         reaction={mockReactionsData}
       />
+      </IntlProvider> 
     );
     searchAllergen();
     selectAllergen();

micro-frontends/src/next-ui/Components/SearchAllergen/SearchAllergen.spec.jsx

@@ -89,7 +89,9 @@ describe("SearchAllergen", function () {
   });
   it('should call onChange function when an allergen is clicked', function () {
     const { container } = render(
+      <IntlProvider locale="en">
         <SearchAllergen onChange={onChange} allergens={mockAllergensData} />
+      </IntlProvider>
     );
 
     const searchInput = container.querySelector('.bx--search-input');

micro-frontends/src/next-ui/Containers/patientAlergies/PatientAlergiesControl.jsx

@@ -13,6 +13,7 @@ import {
 import { ViewAllergiesAndReactions } from "../../Components/ViewAllergiesAndReactions/ViewAllergiesAndReactions";
 import { I18nProvider } from "../../Components/i18n/I18nProvider";
 import { NotificationCarbon } from "bahmni-carbon-ui";
+import { allergyError, getErrorKey } from "../../errorMessages";
 
 /** NOTE: for reasons known only to react2angular,
  * any functions passed in as props will be undefined at the start, even ones inside other objects
@@ -125,6 +126,7 @@ export function PatientAlergiesControl(props) {
   const [allergiesAndReactions, setAllergiesAndReactions] = useState([]);
   const [showSuccessPopup, setShowSuccessPopup] = useState(false);
   const [showErrorPopup, setShowErrorPopup] = useState(false);
+  const [error, setError] = useState('');
 
   const noAllergiesText = (
     <FormattedMessage
@@ -222,12 +224,13 @@ export function PatientAlergiesControl(props) {
               onClose={() => {
                 setShowAddAllergyPanel(false);
               }}
-              onSave={async (isSaveSuccess) => {
+              onSave={async (isSaveSuccess, error) => {
                 if(isSaveSuccess){
                   setShowSuccessPopup(true);
                   setShowAddAllergyPanel(false);
                 }
                 else if(isSaveSuccess === false){
+                  setError(getErrorKey(error));
                   setShowErrorPopup(true);
                 }
               }}