import { describe, expect, it } from "vitest"
import { mount } from "@vue/test-utils"
import SpriteDisplay from "./SpriteDisplay.vue"

describe("SpriteDisplay (stub)", () => {
  it("renders a placeholder card with the given label", () => {
    const wrapper = mount(SpriteDisplay, { props: { label: "Confetti" } })
    expect(wrapper.text()).toContain("Coming soon")
    expect(wrapper.text()).toContain("Confetti")
    expect(wrapper.find("[data-testid='sprite-display']").exists()).toBe(true)
  })

  it("falls back to a default label", () => {
    const wrapper = mount(SpriteDisplay)
    expect(wrapper.text()).toContain("Sprite")
  })

  it("applies classList to the root", () => {
    const wrapper = mount(SpriteDisplay, {
      props: { classList: "stub-class" },
    })
    expect(wrapper.attributes("class")).toContain("stub-class")
  })
})
