Farmbot-Web-App/frontend/__tests__/controls_popup_test.tsx

104 lines
3.6 KiB
TypeScript

const mockDevice = {
moveRelative: jest.fn(() => Promise.resolve()),
takePhoto: jest.fn(() => Promise.resolve()),
};
jest.mock("../device", () => ({ getDevice: () => mockDevice }));
import * as React from "react";
import { ControlsPopup } from "../controls_popup";
import { mount } from "enzyme";
import { bot } from "../__test_support__/fake_state/bot";
import { ControlsPopupProps } from "../controls/move/interfaces";
import { error } from "../toast/toast";
import { Content, ToolTips } from "../constants";
describe("<ControlsPopup />", () => {
const fakeProps = (): ControlsPopupProps => ({
dispatch: jest.fn(),
axisInversion: { x: true, y: false, z: false },
botPosition: { x: undefined, y: undefined, z: undefined },
firmwareSettings: bot.hardware.mcu_params,
xySwap: false,
arduinoBusy: false,
stepSize: 100,
botOnline: true,
env: {},
});
it("Has a false initial state", () => {
const wrapper = mount(<ControlsPopup {...fakeProps()} />);
expect(wrapper.state("isOpen")).toBeFalsy();
});
it("Toggles state", () => {
const wrapper = mount(<ControlsPopup {...fakeProps()} />);
const parent = wrapper.find("i").first();
parent.simulate("click");
expect(wrapper.state("isOpen")).toBeTruthy();
});
it("x axis is inverted", () => {
const wrapper = mount(<ControlsPopup {...fakeProps()} />);
wrapper.setState({ isOpen: true });
const button = wrapper.find("button").at(3);
expect(button.props().title).toBe("move x axis (100)");
button.simulate("click");
expect(mockDevice.moveRelative)
.toHaveBeenCalledWith({ x: 100, y: 0, z: 0 });
});
it("y axis is not inverted", () => {
const wrapper = mount(<ControlsPopup {...fakeProps()} />);
wrapper.setState({ isOpen: true });
const button = wrapper.find("button").at(1);
expect(button.props().title).toBe("move y axis (100)");
button.simulate("click");
expect(mockDevice.moveRelative)
.toHaveBeenCalledWith({ x: 0, y: 100, z: 0 });
});
it("disabled when closed", () => {
const wrapper = mount(<ControlsPopup {...fakeProps()} />);
wrapper.setState({ isOpen: false });
[0, 1, 2, 3].map((i) => wrapper.find("button").at(i).simulate("click"));
expect(mockDevice.moveRelative).not.toHaveBeenCalled();
});
it("swaps axes", () => {
const swappedProps = fakeProps();
swappedProps.xySwap = true;
swappedProps.axisInversion.x = false;
const swapped = mount(<ControlsPopup {...swappedProps} />);
swapped.setState({ isOpen: true });
expect(swapped.state("isOpen")).toBeTruthy();
const button = swapped.find("button").at(1);
expect(button.props().title).toBe("move x axis (100)");
button.simulate("click");
expect(mockDevice.moveRelative)
.toHaveBeenCalledWith({ x: 100, y: 0, z: 0 });
});
it("takes photo", () => {
const wrapper = mount(<ControlsPopup {...fakeProps()} />);
wrapper.setState({ isOpen: true });
const btn = wrapper.find("button").at(4);
expect(btn.props().title).not.toEqual(Content.NO_CAMERA_SELECTED);
btn.simulate("click");
expect(mockDevice.takePhoto).toHaveBeenCalled();
expect(error).not.toHaveBeenCalled();
});
it("shows camera as disabled", () => {
const p = fakeProps();
p.env = { camera: "NONE" };
const wrapper = mount(<ControlsPopup {...p} />);
wrapper.setState({ isOpen: true });
const btn = wrapper.find("button").at(4);
expect(btn.props().title).toEqual(Content.NO_CAMERA_SELECTED);
btn.simulate("click");
expect(error).toHaveBeenCalledWith(
ToolTips.SELECT_A_CAMERA, Content.NO_CAMERA_SELECTED);
expect(mockDevice.takePhoto).not.toHaveBeenCalled();
});
});