tests

frontend/three_d_garden/__tests__/config_overlays_test.tsx

@@ -53,6 +53,16 @@ describe("<PublicOverlay />", () => {
       text: "",
     });
   });
+
+  it("sets buy button url and text", () => {
+    const p = fakeProps();
+    p.config.sizePreset = "Genesis XL";
+    p.config.kitVersion = "v1.8";
+    const wrapper = mount(<PublicOverlay {...p} />);
+    const buyButton = wrapper.find(".buy-button").first();
+    expect(buyButton.props().href).toContain("genesis-xl-v1-8");
+    expect(buyButton.text()).toContain("GenesisXLv1.8");
+  });
 });
 
 describe("<PrivateOverlay />", () => {

frontend/three_d_garden/__tests__/garden_test.tsx

@@ -143,4 +143,13 @@ describe("<GardenModel />", () => {
     });
     expect(console.log).toHaveBeenCalledWith(["1", "2"]);
   });
+
+  it("renders different ground", () => {
+    const p = fakeProps();
+    p.config.scene = "Greenhouse";
+    const { container } = render(<GardenModel {...p} />);
+    expect(container.innerHTML).toContain("ground Greenhouse");
+    expect(container.innerHTML).not.toContain("ground Lab");
+    expect(container.innerHTML).not.toContain("ground Outdoor");
+  });
 });

frontend/three_d_garden/__tests__/greenhouse_test.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import { mount } from "enzyme";
+import { Greenhouse, GreenhouseProps } from "../greenhouse";
+import { INITIAL } from "../config";
+import { clone } from "lodash";
+
+describe("<Greenhouse />", () => {
+  const fakeProps = (): GreenhouseProps => ({
+    config: clone(INITIAL),
+    activeFocus: "",
+  });
+
+  it("renders", () => {
+    const p = fakeProps();
+    p.config.people = false;
+    p.activeFocus = "";
+    const wrapper = mount(<Greenhouse {...p} />);
+    expect(wrapper.html()).toContain("greenhouse-environment");
+    expect(wrapper.find({ name: "people" }).first().props().visible).toBeFalsy();
+  });
+
+  it("renders with people", () => {
+    const p = fakeProps();
+    p.config.people = true;
+    p.activeFocus = "";
+    const wrapper = mount(<Greenhouse {...p} />);
+    expect(wrapper.find({ name: "people" }).first().props().visible).toBeTruthy();
+  });
+});

frontend/three_d_garden/garden.tsx

@@ -93,7 +93,7 @@ export const GardenModel = (props: GardenModelProps) => {
   brickTexture.repeat.set(30, 30);
 
   const Ground = ({ children }: { children: React.ReactElement }) =>
-    <Circle name={"ground"}
+    <Circle name={`ground ${config.scene}`}
       visible={config.ground}
       receiveShadow={true}
       args={[30000, 16]}