Farmbot-Web-App/webpack/controls/__tests__/axis_display_group_test.ts

import { mount } from "enzyme";
import { AxisDisplayGroup } from "../axis_display_group";

describe("<AxisDisplayGroup />", () => {
  const params = {
    position: { x: undefined, y: undefined, z: undefined },
    label: "Heyoo"
  };
  const wrapper = mount(AxisDisplayGroup(params));

  it("has 3 inputs and a label", () => {
    expect(wrapper.find("input").length).toEqual(3);
    expect(wrapper.find("label").length).toEqual(1);
  });

  it("renders '' for falsy values", () => {
    const inputs = wrapper.find("input");
    const label = wrapper.find("label");
    expect(inputs.at(0).props().value).toBe("");
    expect(inputs.at(1).props().value).toBe("");
    expect(inputs.at(2).props().value).toBe("");
    expect(label.text()).toBe("Heyoo");
  });

  it("renders real values for ... real values", () => {
    const props = {
      position: { x: 0, y: 0, z: 0 },
      label: "Heyoo"
    };
    props.position = {
      x: 1,
      y: 2,
      z: 3
    };
    const el = mount(AxisDisplayGroup(props));
    const inputs = el.find("input");
    const label = el.find("label");

    expect(inputs.at(0).props().value).toBe(1);
    expect(inputs.at(1).props().value).toBe(2);
    expect(inputs.at(2).props().value).toBe(3);
    expect(label.text()).toBe("Heyoo");
  });
});