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

const css = readFileSync(join(process.cwd(), 'app/globals.css'), 'utf8')

/**
 * Das helle Thema ist verpflichtend, siehe docs/10-design-system.md. Diese
 * Tests halten die zwei Eigenschaften fest, die es leicht verliert: dass es
 * wirklich jede semantische Farbe tauscht, und dass eine Freigabestufe in
 * beiden Themen dieselbe Farbe behält - sonst lernt man sie zweimal.
 */
describe('Helles Thema', () => {
  const semantisch = [
    '--color-surface',
    '--color-panel',
    '--color-raised',
    '--color-line',
    '--color-text',
    '--color-text-dim',
    '--color-accent',
  ]

  function block(selektor: string): string {
    const index = css.indexOf(selektor)
    expect(index, `${selektor} fehlt`).toBeGreaterThan(-1)
    return css.slice(index, css.indexOf('}', index))
  }

  it('tauscht jede semantische Farbe', () => {
    const hell = block("[data-theme='light'] {")
    for (const token of semantisch) {
      expect(hell, `${token} fehlt im hellen Thema`).toContain(token)
    }
  })

  it('folgt ohne Wahl dem System und bleibt sonst dunkel', () => {
    // Der Auslieferungszustand ist dunkel: das helle Thema greift nur bei
    // prefers-color-scheme: light oder ausdrücklicher Wahl.
    expect(css).toContain('@media (prefers-color-scheme: light)')
    expect(css).toContain(":root:not([data-theme='dark'])")
  })

  it('behält die Klassifizierungsfarben als eigenes System', () => {
    // Die Farbtöne dürfen für hellen Grund nachgedunkelt werden, aber es muss
    // sie geben - sonst verschwindet der Stempel auf hellem Papier.
    const hell = css.slice(css.indexOf("[data-theme='light']"))
    for (const stufe of [0, 1, 2, 3, 4, 5]) {
      expect(hell).toContain(`--color-stamp-${stufe}`)
    }
  })

  it('lässt die Grundpalette unangetastet', () => {
    // `--ink-*` und `--paper*` sind die Rohfarben. Würde das helle Thema sie
    // umdefinieren, hinge daran alles, was sie direkt benutzt.
    const hell = block("[data-theme='light'] {")
    expect(hell).not.toContain('--color-ink-')
    expect(hell).not.toContain('--color-paper')
  })
})