Testing philosophies engineer test example

test-engineer-example.js

describe("EngineerTest", () => {
  it("Creates the touchable area for the shipment card", () => {
    const renderedView = renderComponent();

    expect(renderedView.type).toBe(TouchableOpacity);
    expect(renderedView.props.activeOpacity).toBe(0.6);
    expect(renderedView.props.accessibilityRole).toBe("button");
  });

  it("Calls useState", () => {
    renderComponent();

    expect(useState).toHaveBeenCalledTimes(3);
  });

  it("Calls useEffect", () => {
    renderComponent();

    expect(useEffect).toHaveBeenCalledTimes(1);
  });

  it("Renders the shipment number", async () => {
    const renderedView = renderComponent();
    const [, , renderedShipment] = renderedView.props.children;

    expect(renderedShipment.type).toBe(ContainerView);

    const [, renderedHeading] = renderedShipment.props.children;

    expect(renderedHeading.type).toBe(ThemedText);
    expect(renderedHeading.props.style).toStrictEqual({ flexDirection: "row" });
    expect(renderedHeading.props.children).toBe("123456");
  });
});