Merge pull request #459 from primeroIMS/trigyn-testcases-record-from-from-subforms-subform-dialog-fields

Trigyn testcases record from from subforms subform dialog fields

Author: dhernandez-quoin

app/javascript/components/record-form/form/subforms/subform-dialog-fields/component.spec.js

@@ -1,4 +1,5 @@
-import { mountedComponent, screen } from "../../../../../test-utils";
+import { fromJS } from "immutable";
+import { mountedComponent, screen, userEvent } from "../../../../../test-utils";
 import { FieldRecord, FormSectionRecord } from "../../../records";
 import { TEXT_FIELD } from "../../../constants";
 
@@ -46,7 +47,7 @@ describe("<SubformDialogFields />", () => {
   describe("when a field of a subform is also a subform", () => {
     const subFormProps = {
       mode: { isShow: true },
-      formSection: { unqique_id: "test_id" },
+      formSection: { unique_id: "test_id" },
       recordType: "cases",
       recordModuleID: "primeromodule-cp",
       parentValues: {},
@@ -60,6 +61,7 @@ describe("<SubformDialogFields />", () => {
               unique_id: "perpetratorsId",
               visible: true,
               type: "subform",
+              display_name: { en: "Perpetrators Subform" },
               subform_section_id: FormSectionRecord({
                 unique_id: "perpetrators",
                 fields: [
@@ -79,7 +81,17 @@ describe("<SubformDialogFields />", () => {
 
     it("render the SubformFieldSubform", () => {
       mountedComponent(<SubformDialogFields {...subFormProps} />, {}, [], {}, { registerField: () => {} });
-      expect(screen.getByTestId("subform-field-subform")).toBeInTheDocument(1);
+      expect(screen.getByTestId("subform-field-subform")).toBeInTheDocument();
+    });
+
+    it("render the SubformField", () => {
+      mountedComponent(<SubformDialogFields {...subFormProps} />, {}, [], {}, { registerField: () => {} });
+      expect(screen.getByTestId("subform-field")).toBeInTheDocument();
+    });
+
+    it("render the subform", () => {
+      mountedComponent(<SubformDialogFields {...subFormProps} />, {}, [], {}, { registerField: () => {} });
+      expect(screen.getByText("Perpetrators Subform")).toBeInTheDocument();
     });
   });
 
@@ -114,4 +126,82 @@ describe("<SubformDialogFields />", () => {
       expect(screen.getAllByTestId("form-section-field")).toHaveLength(1);
     });
   });
+
+  describe("when a field has tag properties", () => {
+    const tagProps = {
+      mode: { isEdit: true },
+      formSection: { unique_id: "test_id" },
+      field: FieldRecord({
+        name: "attack_on_hospitals",
+        subform_section_id: FormSectionRecord({
+          unique_id: "attack_on_hospitals",
+          fields: [
+            FieldRecord({
+              name: "facility_attack_type",
+              visible: true,
+              type: "select_box",
+              multiple: true,
+              option_strings_source: "lookup lookup-facility-attack-type",
+              option_strings_condition: {
+                hospitals: { in: { violation_category: ["attack_on_hospitals"] } }
+              }
+            })
+          ]
+        })
+      }),
+      recordType: "cases",
+      recordModuleID: "primeromodule-cp",
+      values: {},
+      parentValues: {
+        violation_category: ["attack_on_hospitals", "killing"]
+      }
+    };
+
+    const stateWithLookups = fromJS({
+      forms: {
+        options: {
+          lookups: [
+            {
+              id: 1,
+              name: { en: "Facility Attack Type" },
+              unique_id: "lookup-facility-attack-type",
+              values: [
+                { id: "attack_on_hospitals", display_text: { en: "Attack on hospitals" }, tags: ["hospitals"] },
+                { id: "other", display_text: { en: "Other" }, tags: [] }
+              ]
+            }
+          ]
+        }
+      }
+    });
+
+    it("renders the options tagged as hospitals if the condition is met", async () => {
+      mountedComponent(<SubformDialogFields {...tagProps} />, stateWithLookups, [], {}, { registerField: () => {} });
+      const user = userEvent.setup();
+
+      const autoCompleteDropdown = screen.getByRole("button", { name: "Open" });
+
+      await user.click(autoCompleteDropdown);
+
+      expect(screen.getByText("Attack on hospitals")).toBeInTheDocument();
+    });
+
+    it("renders all options if the condition is not met", async () => {
+      mountedComponent(
+        <SubformDialogFields {...{ ...tagProps, parentValues: {} }} />,
+        stateWithLookups,
+        [],
+        {},
+        { registerField: () => {} }
+      );
+      const user = userEvent.setup();
+
+      const autoCompleteDropdown = screen.getByRole("button", { name: "Open" });
+
+      await user.click(autoCompleteDropdown);
+
+      expect(screen.getByText("Attack on hospitals")).toBeInTheDocument();
+      expect(screen.getByText("Other")).toBeInTheDocument();
+    });
+  });
 });

app/javascript/components/record-form/form/subforms/subform-dialog-fields/component.unit.test.js

@@ -23,7 +23,7 @@ const Component = ({ isViolation, parentTitle, parentValues, fieldProps, violati
     setExpanded(!expanded);
   };
   const renderSubform = (
-    <div className={css.subFormField}>
+    <div className={css.subFormField} data-testid="subform-field">
       <SubformField
         {...{
           ...fieldProps,