2020-10-16 13:16:01 +00:00
|
|
|
import React from "react";
|
|
|
|
import { mount, shallow } from "enzyme";
|
|
|
|
import Row from ".";
|
2019-09-08 15:17:00 +00:00
|
|
|
|
2019-11-11 12:46:54 +00:00
|
|
|
const baseProps = {
|
|
|
|
checked: false,
|
|
|
|
element: <span>1</span>,
|
2020-10-16 13:16:01 +00:00
|
|
|
contextOptions: [{ key: "1", label: "test" }],
|
|
|
|
children: <span>Some text</span>,
|
|
|
|
};
|
2019-11-11 12:46:54 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
describe("<Row />", () => {
|
|
|
|
it("renders without error", () => {
|
2019-11-11 12:46:54 +00:00
|
|
|
const wrapper = mount(<Row {...baseProps} />);
|
2019-09-08 15:17:00 +00:00
|
|
|
|
|
|
|
expect(wrapper).toExist();
|
|
|
|
});
|
2019-11-11 12:46:54 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
it("call changeCheckbox(e)", () => {
|
2019-11-11 12:46:54 +00:00
|
|
|
const onSelect = jest.fn();
|
2020-10-16 13:16:01 +00:00
|
|
|
const wrapper = shallow(
|
|
|
|
<Row
|
|
|
|
{...baseProps}
|
|
|
|
onChange={onSelect}
|
|
|
|
onSelect={onSelect}
|
|
|
|
data={{ test: "test" }}
|
|
|
|
/>
|
|
|
|
);
|
2019-11-11 12:46:54 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
wrapper.simulate("change", { target: { checked: true } });
|
2019-11-11 12:46:54 +00:00
|
|
|
|
|
|
|
expect(onSelect).toHaveBeenCalled();
|
|
|
|
});
|
2019-12-03 12:50:11 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
it("accepts id", () => {
|
|
|
|
const wrapper = mount(<Row {...baseProps} id="testId" />);
|
2019-12-03 12:50:11 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
expect(wrapper.prop("id")).toEqual("testId");
|
2019-12-03 12:50:11 +00:00
|
|
|
});
|
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
it("accepts className", () => {
|
|
|
|
const wrapper = mount(<Row {...baseProps} className="test" />);
|
2019-12-03 12:50:11 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
expect(wrapper.prop("className")).toEqual("test");
|
2019-12-03 12:50:11 +00:00
|
|
|
});
|
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
it("accepts style", () => {
|
|
|
|
const wrapper = mount(<Row {...baseProps} style={{ color: "red" }} />);
|
2019-12-03 12:50:11 +00:00
|
|
|
|
2020-10-16 13:16:01 +00:00
|
|
|
expect(wrapper.getDOMNode().style).toHaveProperty("color", "red");
|
2019-12-03 12:50:11 +00:00
|
|
|
});
|
2019-09-08 15:17:00 +00:00
|
|
|
});
|