import { test, expect } from '@playwright/test'

test('控制弹窗显示隐藏的绑定值', async ({ page }) => {
  page.on('pageerror', (exception) => expect(exception).toBeNull())
  await page.goto('modal#value')

  const modal = page.locator('.tiny-modal.active')
  await page.getByRole('button', { name: '默认插槽' }).click()
  await expect(modal).toHaveClass(/is__visible/)
  await expect(modal).toBeVisible()
  await expect(modal.locator('.custom-content')).toHaveText('test')
  await expect(modal.locator('.custom-content')).toHaveCSS('color', 'rgb(49, 104, 241)')
  await page.getByRole('button', { name: '确定' }).click()
  await expect(modal).not.toHaveClass(/is__visible/)
  await expect(modal).not.toBeVisible()
})
