') }, { name: 'three look words: a text style, not a part', filename: app, code: probe('x') }, { name: 'the part used, not copied', filename: app, code: `import { SectionLabel } from '@estiva-app/ui'\n${probe('Files')}` }, { name: 'a wrapper of the package’s part, named like it (Peek’s Avatar): its own look is the part’s, never a copy', filename: appWrapper, code: "import { Avatar as UiAvatar } from '@estiva-app/ui'\nexport function Avatar() {\n return \n}\n", }, { name: 'a look written once in the package and imported is not a copy', filename: pkg, code: `import { FIELD_BOX_CLASSES } from './looks'\n${probe('

')}` },
    {
      name: 'an escape with its reason',
      filename: app,
      code: probe(`<>\n      {/* @estiva-escape(no-copied-look): recorded in GATES.md, a label strip Katerina left as it is */}\n      <span className="${SECTION_LABEL}">x</span>\n    </>`),
    },
  ],
  invalid: [
    {
      name: 'the package’s SectionLabel, typed again in an app (the ticket’s ForeignObjectWidget case, in today’s words)',
      filename: app,
      code: probe(`<span className="min-w-0 ${SECTION_LABEL}">Assignee</span>`),
      errors: [{ messageId: 'usePart' }],
    },
    {
      name: 'the same look, the words in another order and one class more',
      filename: app,
      code: probe('<span className="text-text-secondary leaf:tracking-widest leaf:uppercase text-h5 leaf:text-small leaf:font-mono leading-3 shrink-0">x</span>'),
      errors: [{ messageId: 'usePart' }],
    },
    {
      name: 'a card’s frame in a const, used through cn(): reported once, at the const',
      filename: app,
      code: `import { cn } from '@/lib/utils'\nconst FRAME = 'rounded-lg border border-border-default bg-bg-surface'\n${probe('<div className={cn(FRAME, "p-3")} />')}`,
      errors: [{ messageId: 'usePart', line: 2 }],
    },
    {
      name: 'the app’s own part, typed again: covered because it is exported from src, with no list kept',
      filename: app,
      code: probe('<span className="text-caption text-text-muted whitespace-nowrap shrink-0 signal:font-mono signal:text-small signal:tracking-wide signal:tabular-nums">9:14</span>'),
      errors: [{ messageId: 'usePart' }],
    },
    {
      name: 'the package copying itself: Textarea typing TextInput’s field (the ticket’s TextInput ≈ Textarea)',
      filename: pkg,
      code: probe('<textarea className="bg-bg-inset border border-border-default hover:border-border-strong focus:border-border-focus rounded-lg px-3 py-2 text-input-value text-text-primary" />'),
      errors: [{ messageId: 'shareIt' }],
    },
    {
      name: 'a shared look typed again in the package: told to use it',
      filename: pkg,
      code: probe('<div className="bg-bg-inset border border-border-default hover:border-border-strong focus:border-border-focus rounded-lg" />'),
      errors: [{ messageId: 'useShared' }],
    },
    {
      name: 'an app’s own shared look typed again: told to use it (Peek’s writing box)',
      filename: app,
      code: probe('<div className="relative bg-bg-inset border border-border-default rounded-lg p-3 signal:focus-within:border-border-focus signal:focus-within:shadow-focus-ring" />'),
      errors: [{ messageId: 'useShared' }],
    },
  ],
})

describe('looks', () => {
  it('reads a part at rest with one option at a time, never every option at once', () => {
    const source = parseForLooks('Card.tsx', "const FILL = { surface: 'bg-bg-surface border-border-default', inset: 'bg-bg-inset border-border-subtle' }\nexport function Card({ fill, selected }: { fill: 'surface' | 'inset'; selected: boolean }) {\n  return <div className={cn('rounded-lg border', FILL[fill], selected && 'bg-bg-selected border-accent-primary')} />\n}\n")
    const looks = looksOf(source, ['Card']).get('Card') ?? []
    expect(looks).toContain('rounded-lg border bg-bg-surface border-border-default')
    expect(looks).toContain('rounded-lg border bg-bg-inset border-border-subtle')
    expect(looks.some((l) => l.includes('bg-bg-surface') && l.includes('bg-bg-inset'))).toBe(false)
  })

it('states its line: four look words, covering 80% of the shorter list', () => {
    expect(copies(['a-1', 'b-1', 'c-1', 'd-1'], ['a-1', 'b-1', 'c-1', 'd-1', 'e-1'])).toHaveLength(4)
    expect(copies(['a-1', 'b-1', 'c-1'], ['a-1', 'b-1', 'c-1'])).toBeNull()
    expect(copies(['a-1', 'b-1', 'c-1', 'd-1', 'x-1', 'y-1'], ['a-1', 'b-1', 'c-1', 'd-1', 'e-1', 'f-1'])).toBeNull()
  })
})

describe('a new part is covered the day it is added', () => {
  it('reads the installed catalogue, so a part the package adds is compared without touching the rule', async () => {
    const lint = async () => {
      const eslint = new ESLint({
        cwd: join(root, 'app'),
        overrideConfigFile: true,
        overrideConfig: [{ files: ['**/*.tsx'], languageOptions: { parser, parserOptions: { ecmaFeatures: { jsx: true } } }, ...estiva.configs.recommended }],
      })
      const [result] = await eslint.lintText(probe('<div className="rounded-full bg-accent-wash text-accent-primary font-semibold ring-1 ring-accent-outline">3</div>'), { filePath: app })
      return result.messages.filter((m) => m.ruleId === 'estiva/no-copied-look')
    }
    expect(await lint()).toHaveLength(0)
    write(
      'app/node_modules/@estiva-app/ui/registry.json',
      registry([{ name: 'CountBadge', sourceFile: 'src/CountBadge.tsx', looks: ['rounded-full bg-accent-wash text-accent-primary font-semibold ring-1 ring-accent-outline'] }]),
    )
    const found = await lint()
    expect(found).toHaveLength(1)
    // A warning, never an error (Katerina, 13 September).
    expect(found[0].severity).toBe(1)
    expect(found[0].message).toContain('CountBadge')
  })
})