Adding and fixing incidents-from-case test

Author: aespinoza-quoin

app/javascript/components/incidents-from-case/components/detail/component.spec.js

@@ -40,10 +40,10 @@ describe("<IncidentDetail /> - Component", () => {
   });
 
   it("render a DisplayData", () => {
-    expect(screen.getAllByTestId("display-data")).toBeTruthy();
+    expect(screen.getAllByTestId("display-data")).toHaveLength(3);
   });
 
   it("render a DisplayData with action button", () => {
-    expect(screen.getAllByRole("button")).toBeTruthy();
+    expect(screen.getAllByRole("button")).toHaveLength(2);
   });
 });

app/javascript/components/incidents-from-case/components/panel/component.spec.js

@@ -109,14 +109,14 @@ describe("<IncidentPanel /> - Component", () => {
   });
 
   it("render IncidentSummary component", () => {
-    expect(screen.getByText("incidents.type_violence")).toBeInTheDocument();
+    expect(screen.getAllByTestId("incidentsummary")).toHaveLength(1);
   });
 
   it("render IncidentDetail component", () => {
     expect(screen.getByText("incidents.date_of_incident")).toBeInTheDocument();
   });
 
   it("with violence-type-lookup-renders the translated value", () => {
-    expect(screen.getAllByText("Test1")).toBeTruthy();
+    expect(screen.getAllByText("Test1")).toHaveLength(2);
   });
 });

app/javascript/components/incidents-from-case/components/summary/component.jsx

@@ -7,7 +7,7 @@ import { NAME_SUMMARY } from "../../constants";
 
 const Component = ({ css, incidentDate, incidentType }) => {
   return (
-    <Grid container spacing={2} alignItems="center">
+    <Grid container spacing={2} alignItems="center" data-testid="incidentsummary">
       <Grid item md={10} xs={8}>
         <div className={css.wrapper}>
           <div className={css.titleHeader}>{incidentDate}</div>

app/javascript/components/incidents-from-case/container.spec.js

@@ -83,6 +83,7 @@ describe("<IncidentFromCase /> - Component", () => {
 
   it("render IncidentFromCase component", () => {
     expect(screen.getByText("incidents.label")).toBeInTheDocument();
+    expect(screen.getByTestId("panel")).toBeInTheDocument();
   });
 
   it("render IncidentPanel component", () => {
@@ -93,11 +94,19 @@ describe("<IncidentFromCase /> - Component", () => {
     expect(screen.getByText("incidents.date_of_incident")).toBeInTheDocument();
   });
 
+  it("render IncidentSummary component", () => {
+    expect(screen.getAllByTestId("incidentsummary")).toHaveLength(1);
+  });
+
   it("render a DisplayData with action button", () => {
     expect(screen.getAllByRole("button")).toBeTruthy();
   });
 
-  it("render RecordFormAlerts component", () => {
+  it("render a ActionButton", () => {
+    expect(screen.getByText("buttons.new")).toBeInTheDocument();
+  });
+
+  it("should render the alerts", () => {
     const stateWithAlerts = initialState.setIn(
       ["records", "cases", "recordAlerts"],
       fromJS([