import React from "react";
import { render } from "@testing-library/react";

import { MemoryRouter } from "react-router-dom";
import FormPage from "../../pages/FormPage";

import * as forms from "../../api/forms";

test("renders specific form page with loading bar", () => {
    const { getByText } = render(<FormPage/>, {wrapper: MemoryRouter});
    // If we rendered the headerbar we rendered the forms page.
    const headerBar = getByText(/Loading.../);
    expect(headerBar).toBeInTheDocument();
});

/* TODO: Find why this test spits out promise errors that fail CI */
test.skip("calls api method to load form", () => {
    const oldImpl = forms.getForm;

    Object.defineProperty(forms, "getForm", {value: jest.fn(oldImpl)});

    render(<FormPage/>, {wrapper: MemoryRouter});

    expect(forms.getForm).toBeCalled();
});