import { render } from "@opensea/testing-utils/render"
import { composeStories } from "@storybook/react"
import { screen } from "@testing-library/react"
import React from "react"
import { describe, expect, test } from "vitest"
import * as stories from "./Video.stories"

const { MP4 } = composeStories(stories)

describe("<Video />", () => {
  test("mp4", () => {
    render(<MP4 className="flex" />)
    const video = screen.getByTitle("Video")
    expect(video).toHaveAttribute("loop")
    expect(video).toHaveClass("flex")
    const source = video.querySelector("source")
    expect(source).toHaveAttribute(
      "src",
      "https://raw2.seadn.io/ethereum/0x719c6d392fc659f4fe9b0576cbc46e18939687a7/8274161ddc6f85d912fc77f279c472bc.mp4",
    )
    expect(source).toHaveAttribute("type", "video/mp4")
  })
})