2019-09-13 14:07:03 +00:00
|
|
|
import React from "react";
|
|
|
|
import { mount, shallow } from "enzyme";
|
|
|
|
import DatePicker from "./";
|
2019-09-18 07:52:55 +00:00
|
|
|
import NewCalendar from "../calendar";
|
2019-09-17 07:41:35 +00:00
|
|
|
import InputBlock from "../input-block";
|
2019-09-13 14:07:03 +00:00
|
|
|
import moment from "moment";
|
2019-09-08 16:57:00 +00:00
|
|
|
|
2019-09-13 14:07:03 +00:00
|
|
|
const selectedDate = new Date("09/12/2019");
|
|
|
|
const minDate = new Date("01/01/1970");
|
|
|
|
const maxDate = new Date("01/01/2020");
|
|
|
|
describe("DatePicker tests", () => {
|
|
|
|
it("DatePicker renders without error", () => {
|
|
|
|
const wrapper = mount(<DatePicker />);
|
2019-09-08 16:57:00 +00:00
|
|
|
expect(wrapper).toExist();
|
|
|
|
});
|
2019-09-13 14:07:03 +00:00
|
|
|
|
|
|
|
it("DatePicker disabled when isDisabled is passed", () => {
|
|
|
|
const wrapper = mount(<DatePicker isDisabled={true} />);
|
|
|
|
expect(wrapper.prop("isDisabled")).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker opened when inOpen is passed", () => {
|
|
|
|
const wrapper = mount(<DatePicker inOpen={true} />);
|
|
|
|
expect(wrapper.prop("inOpen")).toEqual(true);
|
|
|
|
});
|
|
|
|
|
2019-09-17 07:41:35 +00:00
|
|
|
it("DatePicker has rendered content NewCalendar", () => {
|
|
|
|
const wrapper = mount(<DatePicker inOpen={true} />);
|
|
|
|
expect(wrapper).toExist(<NewCalendar />);
|
|
|
|
});
|
|
|
|
it("DatePicker has rendered content InputBlock", () => {
|
|
|
|
const wrapper = mount(<DatePicker />);
|
|
|
|
expect(wrapper).toExist(<InputBlock />);
|
|
|
|
});
|
|
|
|
|
2019-09-13 14:07:03 +00:00
|
|
|
it("DatePicker hasError is passed", () => {
|
|
|
|
const wrapper = mount(<DatePicker hasError={true} />);
|
|
|
|
expect(wrapper.prop("hasError")).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker disabled when isReadOnly is passed", () => {
|
|
|
|
const wrapper = mount(<DatePicker isReadOnly={true} />);
|
|
|
|
expect(wrapper.prop("isReadOnly")).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker minDate test", () => {
|
|
|
|
const wrapper = mount(<DatePicker minDate={minDate} />);
|
|
|
|
expect(wrapper.props().minDate).toEqual(minDate);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker maxDate test", () => {
|
|
|
|
const wrapper = mount(<DatePicker maxDate={maxDate} />);
|
|
|
|
expect(wrapper.props().maxDate).toEqual(maxDate);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker selectedDate test", () => {
|
|
|
|
const wrapper = mount(<DatePicker selectedDate={selectedDate} />);
|
|
|
|
expect(wrapper.props().selectedDate).toEqual(selectedDate);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker themeColor test", () => {
|
|
|
|
const wrapper = mount(<DatePicker themeColor={"#fff"} />);
|
|
|
|
expect(wrapper.props().themeColor).toEqual("#fff");
|
|
|
|
});
|
|
|
|
|
2019-09-17 12:52:10 +00:00
|
|
|
it("DatePicker input mask test", () => {
|
|
|
|
const mask = [/\d/, /\d/, "/", /\d/, /\d/, "/", /\d/, /\d/, /\d/, /\d/];
|
|
|
|
const wrapper = mount(<InputBlock mask={mask} />);
|
|
|
|
expect(wrapper.props().mask).toBe(mask);
|
|
|
|
expect(wrapper.props().mask).toEqual(mask);
|
|
|
|
});
|
|
|
|
|
2019-09-17 07:41:35 +00:00
|
|
|
it("DatePicker locale test", () => {
|
|
|
|
const wrapper = mount(<DatePicker locale={"en-GB"} />);
|
|
|
|
expect(wrapper.prop("locale")).toEqual("en-GB");
|
|
|
|
});
|
|
|
|
|
|
|
|
it("DatePicker input value with locale test", () => {
|
|
|
|
moment.locale("ru");
|
|
|
|
const value = moment(selectedDate).format("L");
|
|
|
|
const wrapper = mount(<DatePicker value={value} />);
|
|
|
|
expect(wrapper.props().value).toEqual("12.09.2019");
|
2019-09-13 14:07:03 +00:00
|
|
|
});
|
|
|
|
|
2019-09-17 07:41:35 +00:00
|
|
|
it("DatePicker check the onChange callback", () => {
|
|
|
|
const onChange = jest.fn();
|
|
|
|
const props = {
|
|
|
|
value: "03/03/2000",
|
|
|
|
onChange
|
|
|
|
};
|
|
|
|
const wrapper = mount(<DatePicker {...props} />).find("input");
|
|
|
|
wrapper.simulate("change", { target: { value: "09/09/2019" } });
|
|
|
|
expect(onChange).toHaveBeenCalledWith(new Date("09/09/2019"));
|
2019-09-13 14:07:03 +00:00
|
|
|
});
|
2019-09-17 12:23:38 +00:00
|
|
|
|
2019-09-17 07:41:35 +00:00
|
|
|
it("check DatePicker popup open", () => {
|
|
|
|
const onFocus = jest.fn(() => true);
|
|
|
|
const wrapper = mount(<DatePicker onFocus={onFocus} isOpen={false} />)
|
|
|
|
const input = wrapper.find(
|
|
|
|
"input"
|
|
|
|
);
|
|
|
|
input.simulate("focus");
|
2019-09-17 12:23:38 +00:00
|
|
|
|
|
|
|
const instance = wrapper.instance();
|
|
|
|
expect(instance.state.isOpen).toEqual(true);
|
2019-09-13 14:07:03 +00:00
|
|
|
});
|
2019-09-17 12:56:25 +00:00
|
|
|
|
|
|
|
it("DatePicker check the Calendar onChange callback", () => {
|
|
|
|
const onChange = jest.fn();
|
|
|
|
const props = {
|
|
|
|
value: "03/03/2000",
|
|
|
|
isOpen: true,
|
|
|
|
onChange
|
|
|
|
};
|
|
|
|
const wrapper = mount(<DatePicker {...props} />);
|
|
|
|
|
|
|
|
const days = wrapper.find(".calendar-month");
|
|
|
|
|
|
|
|
days.first().simulate("click", { target: { value: 1 } });
|
|
|
|
|
|
|
|
expect(onChange).toHaveBeenCalled();
|
|
|
|
});
|
2019-09-08 16:57:00 +00:00
|
|
|
});
|