Farmbot-Web-App/frontend/farm_designer/__tests__/farm_designer_test.tsx

jest.mock("react-redux", () => ({ connect: jest.fn(() => (x: {}) => x) }));

let mockPath = "/app/designer/plants";
jest.mock("../../history", () => ({
  history: { getCurrentLocation: jest.fn(() => ({ pathname: mockPath })) },
  getPathArray: jest.fn(() => mockPath.split("/")),
}));

jest.mock("../../api/crud", () => ({
  edit: jest.fn(),
  save: jest.fn(),
}));

import * as React from "react";
import { RawFarmDesigner } from "../index";
import { mount } from "enzyme";
import { Props } from "../interfaces";
import { GardenMapLegendProps } from "../map/interfaces";
import { bot } from "../../__test_support__/fake_state/bot";
import {
  fakeImage, fakeWebAppConfig
} from "../../__test_support__/fake_state/resources";
import { fakeDesignerState } from "../../__test_support__/fake_designer_state";
import { fakeTimeSettings } from "../../__test_support__/fake_time_settings";
import { buildResourceIndex } from "../../__test_support__/resource_index_builder";
import { fakeState } from "../../__test_support__/fake_state";
import { edit } from "../../api/crud";
import { BooleanSetting } from "../../session_keys";

describe("<RawFarmDesigner/>", () => {
  function fakeProps(): Props {

    return {
      dispatch: jest.fn(),
      selectedPlant: undefined,
      designer: fakeDesignerState(),
      hoveredPlant: undefined,
      points: [],
      plants: [],
      toolSlots: [],
      crops: [],
      botLocationData: {
        position: { x: undefined, y: undefined, z: undefined },
        scaled_encoders: { x: undefined, y: undefined, z: undefined },
        raw_encoders: { x: undefined, y: undefined, z: undefined },
      },
      botMcuParams: bot.hardware.mcu_params,
      stepsPerMmXY: { x: undefined, y: undefined },
      peripherals: [],
      eStopStatus: false,
      latestImages: [],
      cameraCalibrationData: {
        scale: undefined, rotation: undefined,
        offset: { x: undefined, y: undefined },
        origin: undefined,
        calibrationZ: undefined
      },
      timeSettings: fakeTimeSettings(),
      getConfigValue: jest.fn(),
      sensorReadings: [],
      sensors: [],
    };
  }

  it("loads default map settings", () => {
    const wrapper = mount(<RawFarmDesigner {...fakeProps()} />);
    const legendProps =
      wrapper.find("GardenMapLegend").props() as GardenMapLegendProps;
    expect(legendProps.legendMenuOpen).toBeFalsy();
    expect(legendProps.showPlants).toBeTruthy();
    expect(legendProps.showPoints).toBeTruthy();
    expect(legendProps.showSpread).toBeFalsy();
    expect(legendProps.showFarmbot).toBeTruthy();
    expect(legendProps.showImages).toBeFalsy();
    expect(legendProps.imageAgeInfo).toEqual({ newestDate: "", toOldest: 1 });
    // tslint:disable-next-line:no-any
    const gardenMapProps = wrapper.find("GardenMap").props() as any;
    expect(gardenMapProps.gridSize.x).toEqual(2900);
    expect(gardenMapProps.gridSize.y).toEqual(1400);
  });

  it("loads image info", () => {
    const p = fakeProps();
    const image1 = fakeImage();
    const image2 = fakeImage();
    image1.body.created_at = "2001-01-03T00:00:00.000Z";
    image2.body.created_at = "2001-01-01T00:00:00.000Z";
    p.latestImages = [image1, image2];
    const wrapper = mount(<RawFarmDesigner {...p} />);
    const legendProps =
      wrapper.find("GardenMapLegend").props() as GardenMapLegendProps;
    expect(legendProps.imageAgeInfo)
      .toEqual({ newestDate: "2001-01-03T00:00:00.000Z", toOldest: 2 });
  });

  it("renders nav titles", () => {
    mockPath = "/app/designer/plants";
    const wrapper = mount(<RawFarmDesigner {...fakeProps()} />);
    ["Map", "Plants", "Events"].map(string =>
      expect(wrapper.text()).toContain(string));
    expect(wrapper.find(".panel-nav").first().hasClass("hidden")).toBeTruthy();
    expect(wrapper.find(".farm-designer-panels").hasClass("panel-open")).toBeTruthy();
    expect(wrapper.find(".farm-designer-map").hasClass("panel-open")).toBeTruthy();
  });

  it("hides panel", () => {
    mockPath = "/app/designer";
    const wrapper = mount(<RawFarmDesigner {...fakeProps()} />);
    ["Map", "Plants", "Events"].map(string =>
      expect(wrapper.text()).toContain(string));
    expect(wrapper.find(".panel-nav").first().hasClass("hidden")).toBeFalsy();
    expect(wrapper.find(".farm-designer-panels").hasClass("panel-open")).toBeFalsy();
    expect(wrapper.find(".farm-designer-map").hasClass("panel-open")).toBeFalsy();
  });

  it("renders saved garden indicator", () => {
    const p = fakeProps();
    p.designer.openedSavedGarden = "SavedGardenUuid";
    const wrapper = mount(<RawFarmDesigner {...p} />);
    expect(wrapper.text().toLowerCase()).toContain("viewing saved garden");
  });

  it("toggles setting", () => {
    const p = fakeProps();
    const state = fakeState();
    const dispatch = jest.fn();
    state.resources = buildResourceIndex([fakeWebAppConfig()]);
    p.dispatch = jest.fn(x => x(dispatch, () => state));
    const wrapper = mount<RawFarmDesigner>(<RawFarmDesigner {...p} />);
    wrapper.instance().toggle(BooleanSetting.show_plants)();
    expect(edit).toHaveBeenCalledWith(expect.any(Object), { bot_origin_quadrant: 2 });
  });
});