Vagr9K/gatsby-material-starter

/* eslint-disable no-console */

import React from "react";
import { Helmet } from "react-helmet";
import { cleanup, screen } from "@testing-library/react";

import { Types, FeedTemplateContext } from "gatsby-theme-advanced";

import PostTemplate from "./index";

import Index0 from "../../../../test/fixtures/feedMetadata/index-0.json";

import render from "../../../../test/render";

const indexFeedContext = {
  feedId: undefined,
  feedPageMeta: Index0 as unknown as Types.FeedPageMetaFromJson,
  feedType: "index",
  pageCount: 3,
  pageIndex: 0,
};

const categoryFeedContext = {
  feedId: "test",
  feedPageMeta: Index0 as unknown as Types.FeedPageMetaFromJson,
  feedType: "category",
  pageCount: 3,
  pageIndex: 0,
};

const tagFeedContext = {
  feedId: "test",
  feedPageMeta: Index0 as unknown as Types.FeedPageMetaFromJson,
  feedType: "tag",
  pageCount: 3,
  pageIndex: 0,
};

describe("page template FeedTemplate", () => {
  it("sets the correct title", () => {
    expect.assertions(3);

    const testTitle = (context: FeedTemplateContext, expectedTitle: string) => {
      render(<PostTemplate pageContext={context} />);

      const helmet = Helmet.peek();

      expect(helmet.title).toStrictEqual(expectedTitle);

      cleanup();
    };

    testTitle(indexFeedContext, "Gatsby Material Starter");
    testTitle(
      categoryFeedContext,
      'Posts in category "test" | Gatsby Material Starter'
    );
    testTitle(
      tagFeedContext,
      'Posts tagged as "test" | Gatsby Material Starter'
    );
  });

  it("renders feed posts", async () => {
    expect.assertions(5);

    render(<PostTemplate pageContext={indexFeedContext} />);

    const article1 = await screen.findByText("Big Test");
    expect(article1).toBeInTheDocument();

    const article2 = await screen.findByText("Storms of Doors");
    expect(article2).toBeInTheDocument();

    const article3 = await screen.findByText("The Darkest Something");
    expect(article3).toBeInTheDocument();

    const article4 = await screen.findByText("Valley in the Storms");
    expect(article4).toBeInTheDocument();

    const article5 = await screen.findByText("Flames in the Time");
    expect(article5).toBeInTheDocument();
  });
});