import { describe, it, expect } from 'vitest'
import {
blank,
stripCssComments,
scanFile,
declaredCustomProps,
varReferences,
scanVarScope,
} from '../figma-sync/audit-no-hardcoded-design-tokens.mjs'
// INFRA-F83 回归钉子。病灶：三条正则原先直扫 \n`
describe('stripCssComments', () => {
it('保长度 + 保换行（行号才不会漂）', () => {
const src = '.a {\n /* margin: 4px\n still comment */\n display: block;\n}'
const out = stripCssComments(src)
expect(out).toHaveLength(src.length)
expect(out.split('\n')).toHaveLength(src.split('\n').length)
})
it('注释内容真的被盖掉，注释外原样保留', () => {
const out = stripCssComments('.a { /* margin: 4px */ display: block; }')
expect(out).not.toMatch(/margin/)
expect(out).toContain('display: block')
})
it('blank() 是通用的等长覆盖器', () => {
expect(blank('aXXb', /XX/g)).toBe('a b')
expect(blank('a\nXb', /X/g)).toBe('a\n b')
})
})
describe('scanFile — 注释 vs 真声明', () => {
it('must-NOT-fire：注释里的 margin: 4px 不再报（F83 的原始形态）', () => {
const source = vue(
`.probe {\n /* No margin: the 4px above and below comes from the panel's own gap */\n display: block;\n}`,
)
expect(scanFile('src/components/Probe.vue', source, dict, noAllowlist)).toEqual([])
})
it('must-FIRE：真 CSS 里的 margin: 4px 照旧 blocking（别把判据一起削掉）', () => {
const source = vue(`.probe { margin: 4px; }`)
const found = scanFile('src/components/Probe.vue', source, dict, noAllowlist)
expect(found).toHaveLength(1)
expect(found[0]).toMatchObject({
category: 'spacing',
property: 'margin',
value: '4px',
exactMatch: true,
matchedToken: '--sp-xxs',
})
})
it('同一 block 里注释与真声明并存时，只报真声明', () => {
const source = vue(
`.probe {\n /* margin: 4px is intentionally NOT set here */\n margin: 4px;\n}`,
)
const found = scanFile('src/components/Probe.vue', source, dict, noAllowlist)
expect(found).toHaveLength(1)
expect(found[0].exactMatch).toBe(true)
})
it('剥注释后行号仍指真声明所在行（等长覆盖的真正目的）', () => {
// =1, `, body)
const PROBE = 'playground/public/__t.html'
describe('declaredCustomProps — 作用域采集', () => {
it('一行多个声明必须全部收到', () => {
// ⚠️ 这条钉的是我自己踩过的坑：先前用「行首 --x:」的 grep 口径数
// design-process-review.html 得 15，真值 24 —— 差的 9 个全是「一行多个声明」。
expect(declaredCustomProps(page(':root{--a:1px;--b:2px;--c:3px}')).size).toBe(3)
})
it('内联 style="" 里的声明也算作用域', () => {
expect(declaredCustomProps(HTML('', '')).has('--x')).toBe(true)
})
it('must-NOT-fire：注释里的声明⛔不算作用域（算进去就是假绿）', () => {
const got = declaredCustomProps(page('/* --ghost:1px; */ :root{--real:2px}'))
expect([...got]).toEqual(['--real'])
})
})
describe('varReferences — 引用采集', () => {
it('取到名字，并把带兜底值的标出来', () => {
const got = varReferences(page('a{padding:var(--x);margin:var(--y, 4px)}'))
expect(got.map((r) => [r.name, r.hasFallback])).toEqual([
['--x', false],
['--y', true],
])
})
it('must-NOT-fire：