main.e2e.ts

Filename	Percent	Threshold	Total	Covered	Uncovered
src/tests/main.e2e.ts	100.00%	95%	143	143	0

import { expect, test } from "@playwright/test"

import {
  ProjectName,
  QUnitHeaderLinkSelector,
  backButtonWrapperSelector,
  demosBaseURL,
  getIsInHomePage,
  homeDemoSelector,
} from "../e2e"

test.describe("Home page", () => {
  test("The home page has the expected content", async ({ page }) => {
    await page.goto(demosBaseURL)

    await expect(page).toHaveTitle(/Demos - igncp/)

    await expect(page.locator("text=Storybook Demos")).toHaveCount(1)
    await expect(page.locator("text=Testing Page")).toHaveCount(1)
  })

  test("UI is as expected @snapshot", async ({ page }) => {
    await page.goto(demosBaseURL)

    await expect(page.locator("text=Storybook Demos")).toHaveCount(1)
    await expect(
      page.locator("text=interactive data visualization demos")
    ).toHaveCount(1)
    await expect(
      page.locator("text=interactive data visualization examples")
    ).toHaveCount(1)

    await new Promise((resolve) => {
      setTimeout(resolve, 5000)
    })

    expect(await page.screenshot()).toMatchSnapshot("landing.png")
  })
})

test.describe("Generic demo page", () => {
  test("Goes to the home page when clicking on the Home button inside the demo", async ({
    page,
  }, workerInfo) => {
    if (workerInfo.project.name !== ProjectName.DesktopChrome) {
      return
    }

    await page.goto(demosBaseURL)

    await page.waitForSelector(homeDemoSelector)
    await page.click(homeDemoSelector)

    expect(getIsInHomePage(page)).toEqual(false)

    await page.waitForSelector(backButtonWrapperSelector)
    await page.click(`${backButtonWrapperSelector} >> a`)

    expect(getIsInHomePage(page)).toEqual(true)
  })

  test("It hides the code in mobile but not in desktop", async ({
    page,
  }, workerInfo) => {
    await page.goto(demosBaseURL)

    await page.waitForSelector(homeDemoSelector)
    await page.click(homeDemoSelector)

    const locatorResult = page.locator("text=Show Code")

    if (workerInfo.project.name === ProjectName.DesktopChrome) {
      await expect(locatorResult).toHaveCount(0)
    } else if (workerInfo.project.name === ProjectName.MobileChrome) {
      await expect(locatorResult).not.toHaveCount(0)
    }
  })
})

test.describe("Testing page", () => {
  test("All tests are passing", async ({ page }) => {
    await page.goto(`${demosBaseURL}/testing`)

    await expect(page.locator("text=, 0 failed.")).toHaveCount(1)
    await expect(page.locator("text=with 0 failed")).toHaveCount(1)
  })

  test("Goes to the home page when clicking in the header", async ({
    page,
  }) => {
    await page.goto(`${demosBaseURL}/testing`)

    await page.click(QUnitHeaderLinkSelector)

    expect(getIsInHomePage(page)).toEqual(true)
  })
})

[]

TypeScript Coverage Report generated by type-coverage and typescript-coverage-report at Wed, 01 Jun 2022 21:16:57 GMT

TypeScript coverage report