@hisptz/react-ui/build/es/components/Modals/Modal.test.js

A collection of reusable complex DHIS2 react ui components.

import { mount } from "@cypress/react";
import React from "react";
import OrgUnitDataProvider from "../../dataProviders/orgUnit";
import { OrgUnitSelectorModal, PeriodSelectorModal } from "./index";

const DHIS2Provider = _ref => {
  let {
    children
  } = _ref;
  return /*#__PURE__*/React.createElement(OrgUnitDataProvider, null, children);
};

describe("Period Modals test", () => {
  it("should render", function () {
    mount( /*#__PURE__*/React.createElement(PeriodSelectorModal, {
      onClose: () => {
        return;
      },
      hide: false,
      onUpdate: () => {
        return;
      }
    }));
  });
  it("should return selected periods when onUpdate is clicked", () => {
    let selectedPeriod;

    const onUpdate = items => {
      selectedPeriod = items[0];
    };

    mount( /*#__PURE__*/React.createElement(PeriodSelectorModal, {
      hide: false,
      selectedPeriods: [],
      onUpdate: onUpdate,
      onClose: () => {
        return;
      }
    }));
    cy.get('[data-test="fixed-tab"]').click();
    cy.get('[data-test="fixed-period-type-selector"]').click();
    cy.get('[data-test="Yearly-type"]').click({
      force: true
    });
    cy.get('[data-test="2020-option"]').dblclick();
    cy.get('[data-test="modal-update-button"]').click().then(() => {
      var _selectedPeriod;

      expect((_selectedPeriod = selectedPeriod) === null || _selectedPeriod === void 0 ? void 0 : _selectedPeriod.id).to.equal("2020");
      return;
    });
  });
});
describe("Org Unit Modal test", () => {
  it("should render", () => {
    mount( /*#__PURE__*/React.createElement(DHIS2Provider, null, /*#__PURE__*/React.createElement(OrgUnitSelectorModal, {
      hide: false,
      onClose: () => {
        return;
      },
      value: {
        orgUnits: [],
        levels: []
      },
      onUpdate: () => {
        return;
      }
    })));
  });
  it("should return selected org unit configuration", () => {
    let orgUnitSelection;

    const onUpdate = orgUnitSelectionValue => {
      orgUnitSelection = orgUnitSelectionValue;
    };

    mount( /*#__PURE__*/React.createElement(DHIS2Provider, null, /*#__PURE__*/React.createElement(OrgUnitSelectorModal, {
      hide: false,
      onClose: () => {
        return;
      },
      showUserOptions: true,
      value: {
        orgUnits: [],
        levels: []
      },
      onUpdate: onUpdate
    })));
    cy.get('[data-test="user-org-unit"]').click();
    cy.get('[data-test="modal-update-button"]').click().then(() => {
      var _orgUnitSelection;

      expect((_orgUnitSelection = orgUnitSelection) === null || _orgUnitSelection === void 0 ? void 0 : _orgUnitSelection.userOrgUnit).to.equal(true);
    });
  });
});