container.unit.test.js

// Copyright (c) 2014 - 2023 UNICEF. All rights reserved.

import { fromJS } from "immutable";
import MUIDataTable, { TableBodyRow } from "mui-datatables";

import IndexTable from "../../index-table";
import PageContainer, { PageHeading, PageContent } from "../../page";
import { ListHeaderRecord } from "../../user/records";
import { setupMountedComponent } from "../../../test";
import { FieldRecord } from "../../record-form";
import { mapEntriesToRecord } from "../../../libs";
import DisableOffline from "../../disable-offline";

import { ExportRecord } from "./records";
import ExportList from "./container";

describe("<ExportList />", () => {
  let component;

  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" }
            ]
          }
        ]
      }
    }
  });

  beforeEach(() => {
    ({ component } = setupMountedComponent(ExportList, {}, initialState));
  });

  it("should render a table with three rows", () => {
    expect(component.find(MUIDataTable).find(TableBodyRow)).to.have.lengthOf(3);
  });

  it("should render <PageContainer>", () => {
    expect(component.find(PageContainer)).to.have.lengthOf(1);
  });

  it("should render <PageHeading>", () => {
    expect(component.find(PageHeading)).to.have.lengthOf(1);
  });

  it("should render <PageContent>", () => {
    expect(component.find(PageContent)).to.have.lengthOf(1);
  });

  it("should render <IndexTable>", () => {
    expect(component.find(IndexTable)).to.have.lengthOf(1);
  });

  describe("when offline", () => {
    const stateOffline = initialState.setIn(["application", "online"], false);

    beforeEach(() => {
      ({ component } = setupMountedComponent(ExportList, {}, stateOffline));
    });

    it("should render DisabledOffline components for each row", () => {
      expect(component.find(DisableOffline)).to.have.lengthOf(9);
    });
  });
});