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

A collection of reusable complex DHIS2 react ui components.

"use strict";

var _react = require("@cypress/react");

var _react2 = _interopRequireDefault(require("react"));

var _orgUnit = _interopRequireDefault(require("../../dataProviders/orgUnit"));

var _index = require("./index");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

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

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

    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(_index.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", () => {
    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(DHIS2Provider, null, /*#__PURE__*/_react2.default.createElement(_index.OrgUnitSelectorModal, {
      hide: false,
      onClose: () => {
        return;
      },
      value: {
        orgUnits: [],
        levels: []
      },
      onUpdate: () => {
        return;
      }
    })));
  });
  it("should return selected org unit configuration", () => {
    let orgUnitSelection;

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

    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(DHIS2Provider, null, /*#__PURE__*/_react2.default.createElement(_index.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);
    });
  });
});