import { beforeEach, describe, expect, it } from 'vitest'
import { fixture, html } from '@open-wc/testing-helpers'
import './UsСarouselItem'
import type { LitElement } from 'lit'
import type { ICarouselItemProps } from './model/IСarouselItemProps'

type ITestUsCarousel = LitElement & ICarouselItemProps

describe('UsCarouselItem', () => {
  let element: ITestUsCarousel
  beforeEach(async () => {
    element = await fixture(html`<us-carousel-item>Test</us-carousel-item>`)
  })

  it('should render correctly', () => {
    const carouselSlide = element.shadowRoot?.querySelector('.carousel-slider')

    expect(carouselSlide).toBeTruthy()
  })

  it('should countain correct code via slot', () => {
    const carouselSlide = element.innerHTML

    expect(carouselSlide).toEqual('Test')
  })
})