client/src/__tests__/css.test.ts

import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
import { describe, it, expect } from 'vitest'

const css = readFileSync(resolve(__dirname, '../index.css'), 'utf-8')

describe('fadeIn animation', () => {
  it('defines @keyframes fadeIn', () => {
    expect(css).toContain('@keyframes fadeIn')
  })
})

describe('touch target rules', () => {
  it('sets touch-action: manipulation on buttons and inputs', () => {
    expect(css).toContain('touch-action: manipulation')
  })

  it('disables tap highlight color', () => {
    expect(css).toContain('-webkit-tap-highlight-color: transparent')
  })
})

describe('scroll behavior', () => {
  it('disables overscroll-behavior', () => {
    expect(css).toContain('overscroll-behavior: none')
  })
})

describe('mobile height', () => {
  it('uses -webkit-fill-available as height fallback', () => {
    expect(css).toContain('-webkit-fill-available')
  })
})