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

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

import {MemoryRouter} from "react-router-dom";
import {QuestionType} from "../../api/question";

const testingForm: forms.Form = {
    "id": "testing-form",
    "name": "Testing Form",
    "description": "Meant for testing",
    "features": [forms.FormFeatures.Discoverable],
    "questions": [
        {
            "id": "my-question",
            "name": "My Question",
            "type": QuestionType.ShortText,
            "data": {},
            required: true
        }
    ],
    "webhook": null,
    submitted_text: null
};

jest.mock("../../api/forms", () => ({
    ...jest.requireActual("../../api/forms"),
    getForms: jest.fn(() => Promise.resolve([testingForm]))
}));

test("renders landing page", async () => {
    act(() => { render(<LandingPage/>, {wrapper: MemoryRouter}); });
    const headerBar = await screen.findByText(/Python Discord Forms/);
    expect(headerBar).toBeInTheDocument();
});