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 ddf0d44504..74340c77cc 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
@@ -62,6 +62,7 @@ const Component = ({
 
   return (
     <ListItem
+    data-testid="list-item"
       id={`${formId}-${group}`}
       selected={selectedForm === formId && !isNested}
       button
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
new file mode 100644
index 0000000000..63dadc74bf
--- /dev/null
+++ b/app/javascript/components/record-form/nav/components/record-information/component.spec.js
@@ -0,0 +1,39 @@
+import { fromJS } from "immutable";
+
+import { mountedComponent, screen } from "../../../../../test-utils";
+import { SHOW_APPROVALS, VIEW_INCIDENTS_FROM_CASE } from "../../../../permissions";
+
+import RecordInformation from "./component";
+
+describe("<RecordInformation />", () => {
+
+  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(<RecordInformation {...props} />, initialState, ["/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610"]);
+    expect(screen.getByTestId("list-item")).toBeInTheDocument();
+  });
+
+  it("renders a NavGroup component />", () => {
+    mountedComponent(<RecordInformation {...props} />, initialState, ["/cases/2b8d6be1-1dc4-483a-8640-4cfe87c71610"]);
+    expect(screen.getByText("forms.record_types.record_information")).toBeInTheDocument();
+  });
+
+  it("renders a NavItem component />", () => {
+    mountedComponent(<RecordInformation {...props} />, 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 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("<RecordInformation />", () => {
-  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 (
-        <Route
-          path="/:recordType(cases|incidents|tracing_requests)/:id"
-          component={propsRoute => <RecordInformation {...{ ...propsRoute, ...initialProps }} />}
-        />
-      );
-    };
-
-    ({ 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;
-  });
-});