import { loadStory } from "@opensea/testing-utils/story"
import { expect, test } from "../../../tests/test"
import * as stories from "./List.stories"

test("Base light", async ({ page }) => {
  const story = await loadStory(page, stories, "Base", "light")
  await expect(story).toHaveScreenshot()
})

test("NoBorder light", async ({ page }) => {
  const story = await loadStory(page, stories, "NoBorder", "light")
  await expect(story).toHaveScreenshot()
})

test("Framed light", async ({ page }) => {
  const story = await loadStory(page, stories, "Framed", "light")
  await expect(story).toHaveScreenshot()
})

test("WithHeader light", async ({ page }) => {
  const story = await loadStory(page, stories, "WithHeader", "light")
  await expect(story).toHaveScreenshot()
})

test("WithGroups light", async ({ page }) => {
  const story = await loadStory(page, stories, "WithGroups", "light")
  await expect(story).toHaveScreenshot()
})

test("Base dark", async ({ page }) => {
  const story = await loadStory(page, stories, "Base", "dark")
  await expect(story).toHaveScreenshot()
})

test("NoBorder dark", async ({ page }) => {
  const story = await loadStory(page, stories, "NoBorder", "dark")
  await expect(story).toHaveScreenshot()
})

test("Framed dark", async ({ page }) => {
  const story = await loadStory(page, stories, "Framed", "dark")
  await expect(story).toHaveScreenshot()
})

test("WithHeader dark", async ({ page }) => {
  const story = await loadStory(page, stories, "WithHeader", "dark")
  await expect(story).toHaveScreenshot()
})

test("WithGroups dark", async ({ page }) => {
  const story = await loadStory(page, stories, "WithGroups", "dark")
  await expect(story).toHaveScreenshot()
})