const test = require('node:test')
const assert = require('node:assert/strict')
const fs = require('node:fs')
const path = require('node:path')

const root = path.resolve(__dirname, '../..')
const read = file => fs.readFileSync(path.join(root, file), 'utf8')

const app = read('assets/admin/src/App.vue')
const styles = read('assets/admin/src/style.css')
const field = read('assets/admin/src/components/form/AksField.vue')
const fieldGroup = read('assets/admin/src/components/form/AksFieldGroup.vue')
const formRenderer = read('assets/admin/src/components/form/AksFormRenderer.vue')

test('admin theme exposes the approved white, grey, and green tokens', () => {
  const requiredTokens = {
    '--aksrt-color-primary': '#18A058',
    '--aksrt-color-primary-soft': '#EAF7EF',
    '--aksrt-color-canvas': '#F5F7F6',
    '--aksrt-color-surface': '#FFFFFF',
    '--aksrt-color-text': '#1F2923',
    '--aksrt-color-muted': '#6F7A72',
    '--aksrt-color-border': '#E2E8E3',
  }

  for (const [token, value] of Object.entries(requiredTokens)) {
    assert.match(styles, new RegExp(`${token}:\\s*${value}`, 'i'), `missing ${token}`)
  }
})

test('app uses Naive UI overrides and the compact responsive shell', () => {
  assert.match(app, /:theme-overrides="adminThemeOverrides"/)
  assert.match(app, /const adminThemeOverrides = \{/)
  assert.match(app, /:width="232"/)
  assert.match(app, /const MOBILE_BREAKPOINT = 960/)
  assert.match(app, /aksrt-logo__version/)
  assert.doesNotMatch(app, /aksrt-csf-(?:shell|header|version)/)
})

test('rejected gradient banner and split-row form overrides do not return', () => {
  const source = `${app}\n${styles}`
  assert.doesNotMatch(source, /#f97794|#623aa2|#0991f5|#0997f5/i)
  assert.doesNotMatch(source, /linear-gradient/i)
  assert.doesNotMatch(styles, /\.aksrt-field\s*>\s*:not/)
  assert.doesNotMatch(styles, /\.aksrt-field__label-row\s*\{[^}]*grid-column/s)
})

test('shared forms use card surfaces and design tokens', () => {
  assert.match(fieldGroup, /border:\s*1px solid var\(--aksrt-color-border\)/)
  assert.match(fieldGroup, /border-radius:\s*12px/)
  assert.match(fieldGroup, /box-shadow:\s*var\(--aksrt-shadow-card\)/)
  assert.match(field, /color:\s*var\(--aksrt-color-primary\)/)
  assert.match(field, /background:\s*var\(--aksrt-color-primary-soft\)/)
  assert.match(formRenderer, /background:\s*var\(--aksrt-color-surface\)/)
})

test('navigation, focus, responsive layout, and reduced motion are contracted', () => {
  assert.match(styles, /\.n-menu-item-content--selected::after/)
  assert.match(styles, /:focus-visible/)
  assert.match(styles, /@media \(max-width:\s*960px\)/)
  assert.match(styles, /@media \(max-width:\s*768px\)/)
  assert.match(styles, /@media \(max-width:\s*480px\)/)
  assert.match(styles, /@media \(prefers-reduced-motion:\s*reduce\)/)
})

test('captcha scene whitelist matches both admin schemas and excludes dead email verification', () => {
  const captcha = read('inc/modules/captcha.php')
  const phpSchema = read('src/Admin/Schema/SchemaPermissions.php')
  const jsSchema = read('assets/admin/src/schema/sections/permissions/index.js')

  assert.doesNotMatch(captcha, /'verify_email'\s*=>/)
  assert.doesNotMatch(phpSchema, /'verify_email'/)
  assert.doesNotMatch(jsSchema, /value:\s*'verify_email'/)

  const sceneBlock = captcha.match(/function aksrt_captcha_scenes\(\): array \{[\s\S]*?return \[([\s\S]*?)\n\t\];/)
  const phpField = phpSchema.match(/'key' => 'enabled_scenarios'[\s\S]*?'options' => \[([\s\S]*?)\]\],/)
  const jsField = jsSchema.match(/key: 'enabled_scenarios'[\s\S]*?options: \[([\s\S]*?)\n\s*\],/)
  assert.ok(sceneBlock && phpField && jsField, 'captcha scene contracts must be discoverable')

  const values = (text, pattern) => [...text.matchAll(pattern)].map((match) => match[1]).sort()
  const scenes = values(sceneBlock[1], /'([^']+)'\s*=>/g)
  assert.deepStrictEqual(values(phpField[1], /'value'\s*=>\s*'([^']+)'/g), scenes)
  assert.deepStrictEqual(values(jsField[1], /value:\s*'([^']+)'/g), scenes)
})