Live CortexUI Surface

This block renders live CortexUI contract metadata in the docs DOM so AI View can inspect real machine-readable elements instead of only code examples.

AI View can now inspect a live status region, form fields, actions, and table entities on every docs page.

AI-addressable docs entities
Item	State
Search docs	Ready
Inspect metadata	Visible in AI View

Accessibility Testing

Setup with jest-axe

npm install --save-dev jest-axe @types/jest-axe

import { axe, toHaveNoViolations } from 'jest-axe';
expect.extend(toHaveNoViolations);

test('ActionButton has no accessibility violations', async () => {
  const { container } = render(
    <ActionButton action="save" state="idle" label="Save" />
  );
  const results = await axe(container);
  expect(results).toHaveNoViolations();
});

Keyboard Testing

test('Modal closes on ESC', () => {
  render(<Modal isOpen onClose={mockClose} title="Test">Content</Modal>);
  fireEvent.keyDown(document, { key: 'Escape' });
  expect(mockClose).toHaveBeenCalled();
});

ℹ

Note

Accessibility tests and AI contract validation tests are complementary. Run both in CI.