From e5faa3deba90703e4798a4f8e2bc3c0ec9a771bb Mon Sep 17 00:00:00 2001 From: srinivasulu chimaladinne Date: Fri, 1 Sep 2023 18:25:38 +0530 Subject: [PATCH 1/3] [New] Added test cases for record form nav components record information --- .../nav/components/nav-item/component.jsx | 1 + .../record-information/component.spec.js | 40 +++++++++++ .../record-information/component.unit.test.js | 67 ------------------- 3 files changed, 41 insertions(+), 67 deletions(-) create mode 100644 app/javascript/components/record-form/nav/components/record-information/component.spec.js delete mode 100644 app/javascript/components/record-form/nav/components/record-information/component.unit.test.js diff --git a/app/javascript/components/record-form/nav/components/nav-item/component.jsx b/app/javascript/components/record-form/nav/components/nav-item/component.jsx index c51ae59e40..aff1489b28 100644 --- a/app/javascript/components/record-form/nav/components/nav-item/component.jsx +++ b/app/javascript/components/record-form/nav/components/nav-item/component.jsx @@ -60,6 +60,7 @@ const Component = ({ return ( ", () => { + let component; + + const props = { + open: "record_information", + handleClick: () => {}, + selectedForm: "", + formGroupLookup: [] + }; + + const initialState = fromJS({ + user: { + permissions: { + cases: [...SHOW_APPROVALS, ...VIEW_INCIDENTS_FROM_CASE] + } + } + }); + + it("renders a RecordInformation component />", () => { + mountedComponent(, initialState, ["/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610"]); + expect(screen.getByTestId("list-item")).toBeInTheDocument(); + }); + + it("renders a NavGroup component />", () => { + mountedComponent(, initialState, ["/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610"]); + expect(screen.getByText("forms.record_types.record_information")).toBeInTheDocument(); + }); + + it("renders a NavItem component />", () => { + mountedComponent(, initialState, ["/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610"]); + expect(screen.queryByTestId("nav-item")).toBeNull(); + }); +}); diff --git a/app/javascript/components/record-form/nav/components/record-information/component.unit.test.js b/app/javascript/components/record-form/nav/components/record-information/component.unit.test.js deleted file mode 100644 index 3a21ef8954..0000000000 --- a/app/javascript/components/record-form/nav/components/record-information/component.unit.test.js +++ /dev/null @@ -1,67 +0,0 @@ -import { Route } from "react-router-dom"; -import { fromJS } from "immutable"; - -import { setupMountedComponent } from "../../../../../test"; -import NavGroup from "../nav-group"; -import NavItem from "../nav-item"; -import { SHOW_APPROVALS, VIEW_INCIDENTS_FROM_CASE } from "../../../../permissions"; - -import RecordInformation from "./component"; - -describe("", () => { - let component; - - const props = { - open: "record_information", - handleClick: () => {}, - selectedForm: "", - formGroupLookup: [] - }; - - const initialState = fromJS({ - user: { - permissions: { - cases: [...SHOW_APPROVALS, ...VIEW_INCIDENTS_FROM_CASE] - } - } - }); - - beforeEach(() => { - const routedComponent = initialProps => { - return ( - } - /> - ); - }; - - ({ component } = setupMountedComponent(routedComponent, props, initialState, [ - "/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610" - ])); - }); - - it("renders a RecordInformation component />", () => { - expect(component.find(RecordInformation)).to.have.lengthOf(1); - }); - - it("renders a NavGroup component />", () => { - expect(component.find(NavGroup)).to.have.lengthOf(1); - }); - - it("renders a NavItem component />", () => { - expect(component.find(NavGroup).find("ul").find(NavItem)).to.have.lengthOf(6); - }); - - it("renders component with valid props", () => { - const componentsProps = { ...component.find(RecordInformation).props() }; - - ["open", "handleClick", "selectedForm", "formGroupLookup", "match", "history", "location", "staticContext"].forEach( - property => { - expect(componentsProps).to.have.property(property); - delete componentsProps[property]; - } - ); - expect(componentsProps).to.be.empty; - }); -}); From 5e40d7ba13d24a84ac1e001c9def6af909064f73 Mon Sep 17 00:00:00 2001 From: srinivasulu chimaladinne Date: Fri, 12 Apr 2024 12:28:56 +0530 Subject: [PATCH 2/3] Resolved conflicts --- .../record-information/component.unit.test.js | 69 ------------------- 1 file changed, 69 deletions(-) delete mode 100644 app/javascript/components/record-form/nav/components/record-information/component.unit.test.js diff --git a/app/javascript/components/record-form/nav/components/record-information/component.unit.test.js b/app/javascript/components/record-form/nav/components/record-information/component.unit.test.js deleted file mode 100644 index 42b446a854..0000000000 --- a/app/javascript/components/record-form/nav/components/record-information/component.unit.test.js +++ /dev/null @@ -1,69 +0,0 @@ -// Copyright (c) 2014 - 2023 UNICEF. All rights reserved. - -import { Route } from "react-router-dom"; -import { fromJS } from "immutable"; - -import { setupMountedComponent } from "../../../../../test"; -import NavGroup from "../nav-group"; -import NavItem from "../nav-item"; -import { SHOW_APPROVALS, VIEW_INCIDENTS_FROM_CASE } from "../../../../permissions"; - -import RecordInformation from "./component"; - -describe("", () => { - let component; - - const props = { - open: "record_information", - handleClick: () => {}, - selectedForm: "", - formGroupLookup: [] - }; - - const initialState = fromJS({ - user: { - permissions: { - cases: [...SHOW_APPROVALS, ...VIEW_INCIDENTS_FROM_CASE] - } - } - }); - - beforeEach(() => { - const routedComponent = initialProps => { - return ( - } - /> - ); - }; - - ({ component } = setupMountedComponent(routedComponent, props, initialState, [ - "/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610" - ])); - }); - - it("renders a RecordInformation component />", () => { - expect(component.find(RecordInformation)).to.have.lengthOf(1); - }); - - it("renders a NavGroup component />", () => { - expect(component.find(NavGroup)).to.have.lengthOf(1); - }); - - it("renders a NavItem component />", () => { - expect(component.find(NavGroup).find("ul").find(NavItem)).to.have.lengthOf(6); - }); - - it("renders component with valid props", () => { - const componentsProps = { ...component.find(RecordInformation).props() }; - - ["open", "handleClick", "selectedForm", "formGroupLookup", "match", "history", "location", "staticContext"].forEach( - property => { - expect(componentsProps).to.have.property(property); - delete componentsProps[property]; - } - ); - expect(componentsProps).to.be.empty; - }); -}); From 05db57ed76457bde4a0ebca52d69e6cdde995dbc Mon Sep 17 00:00:00 2001 From: srinivasulu chimaladinne Date: Wed, 24 Apr 2024 15:39:41 +0530 Subject: [PATCH 3/3] Fixed lint issue --- .../nav/components/record-information/component.spec.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/app/javascript/components/record-form/nav/components/record-information/component.spec.js b/app/javascript/components/record-form/nav/components/record-information/component.spec.js index 86ab279636..63dadc74bf 100644 --- a/app/javascript/components/record-form/nav/components/record-information/component.spec.js +++ b/app/javascript/components/record-form/nav/components/record-information/component.spec.js @@ -6,11 +6,10 @@ import { SHOW_APPROVALS, VIEW_INCIDENTS_FROM_CASE } from "../../../../permission import RecordInformation from "./component"; describe("", () => { - let component; const props = { open: "record_information", - handleClick: () => {}, + handleClick: () => { }, selectedForm: "", formGroupLookup: [] };