ArticleScreen.tests.tsx

import { Screen } from "@artsy/palette-mobile"
import { screen, waitForElementToBeRemoved } from "@testing-library/react-native"
import { ArticleScreen } from "app/Scenes/Article/ArticleScreen"
import { ArticleBody } from "app/Scenes/Article/Components/ArticleBody"
import { ArticleRelatedArticlesRail } from "app/Scenes/Article/Components/ArticleRelatedArticlesRail"
import { ArticleWebViewScreen } from "app/Scenes/Article/Components/ArticleWebViewScreen"
import { setupTestWrapper } from "app/utils/tests/setupTestWrapper"

describe("ArticleScreen", () => {
  const { renderWithRelay } = setupTestWrapper({
    Component: ArticleScreen,
    variables: {
      slug: "some-id",
    },
  })

  it("renders standard article", async () => {
    renderWithRelay({
      Query: () => ({
        article: {
          title: "Article Title",
          layout: "STANDARD",
        },
      }),
    })

    await waitForElementToBeRemoved(() => screen.getByTestId("ArticleScreenPlaceholder"))

    expect(screen.queryByText("Article Title")).toBeOnTheScreen()
    expect(screen.UNSAFE_getByType(Screen.AnimatedHeader)).toBeOnTheScreen()
    expect(screen.UNSAFE_getByType(ArticleBody)).toBeOnTheScreen()
    expect(screen.UNSAFE_getByType(ArticleRelatedArticlesRail)).toBeOnTheScreen()
  })

  it("renders featured article", async () => {
    renderWithRelay({
      Query: () => ({
        article: {
          title: "Article Title",
          layout: "FEATURE",
        },
      }),
    })

    await waitForElementToBeRemoved(() => screen.getByTestId("ArticleScreenPlaceholder"))

    expect(screen.queryByText("Article Title")).toBeOnTheScreen()
    expect(screen.UNSAFE_getByType(Screen.FloatingHeader)).toBeOnTheScreen()
    expect(screen.UNSAFE_getByType(ArticleBody)).toBeOnTheScreen()
    expect(screen.UNSAFE_getByType(ArticleRelatedArticlesRail)).toBeOnTheScreen()
  })

  it("redirects to webview if not standard or feature", async () => {
    renderWithRelay({
      Query: () => ({
        article: {
          internalID: "foo",
          title: "Article Title",
          layout: "VIDEO",
        },
      }),
    })

    await waitForElementToBeRemoved(() => screen.getByTestId("ArticleScreenPlaceholder"))

    expect(screen.UNSAFE_getByType(ArticleWebViewScreen)).toBeOnTheScreen()
  })
})