import type { PlayAttributes } from '@/test/types'
import { within } from 'storybook/test'
import { expect } from '@/test/expect'

export async function defaultTest(
    { canvasElement, args }: PlayAttributes = {} as PlayAttributes,
) {
    const element = await within(canvasElement).findByTestId('element')

    const modifiers
        = !args.modifiers || Array.isArray(args.modifiers)
            ? args.modifiers
            : [args.modifiers]

    await expect(element).toHaveClass('vv-button')

    // icon
    if (args.icon) {
        await expect(element.innerHTML).toContain('vv-icon')
    }

    // modifiers
    if (modifiers) {
        for (const modifier of modifiers) {
            await expect(element).toHaveClass(`vv-button--${modifier}`)
        }
    }

    // disabled
    if (args.disabled) {
        await expect(element).not.toBeClicked()
    } else {
        await expect(element).toBeClicked()

        // link
        if (args.href) {
            await expect(element).toHaveProperty('href')
        }
        if (args.target) {
            await expect(element).toHaveProperty('target')
        }
    }

    // accessibility
    await expect(element).toHaveNoViolations()
}