[New] Added test cases for pages export list

app/javascript/components/disable-offline/component.jsx

@@ -20,7 +20,7 @@ const Component = ({ overrideCondition, children, button, offlineTextKey }) => {
   if (overrideCondition || !online) {
     return (
       <Tooltip title={i18n.t(offlineTextKey || "offline")} enterTouchDelay={20}>
-        <div className={classes}>
+        <div className={classes} data-testid="disable-offline">
           {!button && <div className={css.disabledElement} />}
           {cloneElement(children, { disabled: true })}
         </div>

app/javascript/components/page/component.jsx

@@ -21,7 +21,7 @@ const Component = ({ children, twoCol, fullWidthMobile }) => {
   }
 
   return (
-    <div className={contentClasses}>
+    <div className={contentClasses} data-testid="page-container">
       <div className={contentContainer}>{children}</div>
     </div>
   );

app/javascript/components/page/components/page-content.jsx

@@ -8,7 +8,11 @@ import css from "../styles.css";
 const PageContent = ({ children, flex = false, hasNav = false }) => {
   const contentClasses = clsx(css.content, { [css.contentFlex]: flex, [css.hasNav]: hasNav });
 
-  return <div className={contentClasses}>{children}</div>;
+  return (
+    <div className={contentClasses} data-testid="page-content">
+      {children}
+    </div>
+  );
 };
 
 PageContent.propTypes = {

app/javascript/components/pages/export-list/container.jsx

@@ -117,7 +117,7 @@ const ExportList = () => {
 
   return (
     <PageContainer>
-      <PageHeading title={i18n.t("navigation.bulk_exports")} />
+      <PageHeading data-testid="page-heading" title={i18n.t("navigation.bulk_exports")} />
       <PageContent>
         <IndexTable title={i18n.t("navigation.bulk_exports")} {...tableOptions} />
       </PageContent>

app/javascript/components/pages/export-list/container.spec.js

@@ -0,0 +1,210 @@
+// Copyright (c) 2014 - 2023 UNICEF. All rights reserved.
+
+import { fromJS } from "immutable";
+
+import { ListHeaderRecord } from "../../user/records";
+import { mountedComponent, screen } from "../../../test-utils";
+import { FieldRecord } from "../../record-form";
+import { mapEntriesToRecord } from "../../../libs";
+
+import { ExportRecord } from "./records";
+import ExportList from "./container";
+
+describe("<ExportList />", () => {
+  const initialState = fromJS({
+    records: {
+      bulk_exports: {
+        data: [
+          ExportRecord({
+            id: "d5e1a4a019ec727efd34a35d1d9a271e",
+            file_name: "PRIMERO-CHILD-UNHCR.CSV",
+            record_type: "Case",
+            started_on: "2020-02-04T20:32:50.078Z"
+          }),
+          ExportRecord({
+            id: "d5e1a4a019ec727efd34a35d1d9a272e",
+            file_name: "PRIMERO - CHILD.PDF",
+            record_type: "Case",
+            started_on: "2020-02-03T20:32:50.078Z"
+          }),
+          ExportRecord({
+            id: "d5e1a4a019ec727efd34a35d1d9a273e",
+            file_name: "PRIMERO - CHILD.JSON",
+            record_type: "Case",
+            started_on: "2020-02-02T20:32:50.078Z"
+          })
+        ],
+        metadata: {
+          total: 15,
+          per: 20,
+          page: 1
+        },
+        errors: false
+      }
+    },
+    user: {
+      listHeaders: {
+        bulk_exports: [
+          ListHeaderRecord({
+            name: "file_name",
+            field_name: "file_name",
+            id_search: false
+          }),
+          ListHeaderRecord({
+            name: "record_type",
+            field_name: "record_type",
+            id_search: false
+          }),
+          ListHeaderRecord({
+            name: "started_on",
+            field_name: "started_on",
+            id_search: false
+          })
+        ]
+      },
+      permissions: {
+        exports: ["manage"],
+        bulk_exports: ["manage"]
+      }
+    },
+    forms: {
+      fields: mapEntriesToRecord(
+        {
+          1: {
+            name: "name_first",
+            type: "text_field"
+          }
+        },
+        FieldRecord
+      ),
+      options: {
+        lookups: [
+          {
+            id: 1,
+            unique_id: "lookup-location-type",
+            values: [
+              { id: "country", display_text: "Country" },
+              { id: "region", display_text: "Region" }
+            ]
+          }
+        ]
+      }
+    }
+  });
+
+  it("should render a table with three rows", () => {
+    mountedComponent(<ExportList />, {}, initialState);
+    expect(screen.getAllByRole("row")).toHaveLength(3);
+  });
+
+  it("should render <PageContainer>", () => {
+    mountedComponent(<ExportList />, {}, initialState);
+    expect(screen.getByTestId("page-container")).toBeInTheDocument(1);
+  });
+
+  it("should render <PageHeading>", () => {
+    mountedComponent(<ExportList />, {}, initialState);
+    expect(screen.getByTestId("page-heading")).toBeInTheDocument();
+  });
+
+  it("should render <PageContent>", () => {
+    mountedComponent(<ExportList />, {}, initialState);
+    expect(screen.getByTestId("page-content")).toBeInTheDocument();
+  });
+
+  it("should render <IndexTable>", () => {
+    mountedComponent(<ExportList />, {}, initialState);
+    expect(screen.getByRole('table')).toBeInTheDocument();
+  });
+
+  describe("when offline", () => {
+    const stateOffline = fromJS({
+      connectivity: {
+        online: false
+      },
+      records: {
+        bulk_exports: {
+          data: [
+            ExportRecord({
+              id: "d5e1a4a019ec727efd34a35d1d9a271e",
+              file_name: "PRIMERO-CHILD-UNHCR.CSV",
+              record_type: "Case",
+              started_on: "2020-02-04T20:32:50.078Z"
+            }),
+            ExportRecord({
+              id: "d5e1a4a019ec727efd34a35d1d9a272e",
+              file_name: "PRIMERO - CHILD.PDF",
+              record_type: "Case",
+              started_on: "2020-02-03T20:32:50.078Z"
+            }),
+            ExportRecord({
+              id: "d5e1a4a019ec727efd34a35d1d9a273e",
+              file_name: "PRIMERO - CHILD.JSON",
+              record_type: "Case",
+              started_on: "2020-02-02T20:32:50.078Z"
+            })
+          ],
+          metadata: {
+            total: 15,
+            per: 20,
+            page: 1
+          },
+          errors: false
+        }
+      },
+      user: {
+        listHeaders: {
+          bulk_exports: [
+            ListHeaderRecord({
+              name: "file_name",
+              field_name: "file_name",
+              id_search: false
+            }),
+            ListHeaderRecord({
+              name: "record_type",
+              field_name: "record_type",
+              id_search: false
+            }),
+            ListHeaderRecord({
+              name: "started_on",
+              field_name: "started_on",
+              id_search: false
+            })
+          ]
+        },
+        permissions: {
+          exports: ["manage"],
+          bulk_exports: ["manage"]
+        }
+      },
+      forms: {
+        fields: mapEntriesToRecord(
+          {
+            1: {
+              name: "name_first",
+              type: "text_field"
+            }
+          },
+          FieldRecord
+        ),
+        options: {
+          lookups: [
+            {
+              id: 1,
+              unique_id: "lookup-location-type",
+              values: [
+                { id: "country", display_text: "Country" },
+                { id: "region", display_text: "Region" }
+              ]
+            }
+          ]
+        }
+      }
+    });
+
+    it("should render DisabledOffline components for each row", () => {
+      mountedComponent(<ExportList />, stateOffline);
+      expect(screen.getAllByTestId("disable-offline")).toHaveLength(9);
+    });
+  });
+});