TudorandClaude Opus 5
de5e790112
One component for all four families: they differ in what fills the registry, not in what the page shows, so a second would be a second place to forget the same change. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015mWQnpye9F299NVRCCSRvj
71 lines
2.9 KiB
TypeScript
71 lines
2.9 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { PlaceView } from '@/components/places/PlaceView';
|
|
import type { PlaceDetail } from '@/lib/places';
|
|
|
|
const detail: PlaceDetail = {
|
|
place: { kind: 'town', slug: 'brentwood', name: 'Brentwood', count: 29,
|
|
parent_authority: 'Essex' },
|
|
schools: [
|
|
{ urn: 1, school_name: 'Alpha Primary', rwm_expected_pct: 82,
|
|
ofsted_grade: 1 } as never,
|
|
{ urn: 2, school_name: 'Beta Primary', rwm_expected_pct: 44,
|
|
ofsted_grade: 3 } as never,
|
|
],
|
|
averages: { rwm_expected_pct: 63, attainment_8_score: null },
|
|
};
|
|
|
|
describe('PlaceView', () => {
|
|
it('leads with an H1 that matches how the place is searched', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[]} />);
|
|
expect(screen.getByRole('heading', { level: 1 }))
|
|
.toHaveTextContent(/primary schools in brentwood/i);
|
|
});
|
|
|
|
it('states the count so the page says something before the table', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[]} />);
|
|
expect(screen.getByText(/29 schools/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it('compares the local average against England, which a list cannot', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[]} />);
|
|
expect(screen.getByTestId('local-vs-england')).toHaveTextContent('63');
|
|
expect(screen.getByTestId('local-vs-england')).toHaveTextContent('61');
|
|
});
|
|
|
|
it('links every school in scope, which is what de-orphans them', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[]} />);
|
|
expect(screen.getAllByRole('link', { name: /Primary$/ })).toHaveLength(2);
|
|
});
|
|
|
|
it('links to the parent authority so the place sits in a hierarchy', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[]} />);
|
|
expect(screen.getByRole('link', { name: /Essex/i }))
|
|
.toHaveAttribute('href', '/schools/authority/essex');
|
|
});
|
|
|
|
it('shows the Ofsted distribution, not just a count of Outstanding', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[]} />);
|
|
expect(screen.getByTestId('ofsted-distribution')).toBeInTheDocument();
|
|
});
|
|
|
|
it('links to neighbouring places so the page is not a dead end', () => {
|
|
render(<PlaceView detail={detail} phase="primary" englandAverage={61}
|
|
neighbours={[{ kind: 'town', slug: 'romford', name: 'Romford', count: 40 }]} />);
|
|
expect(screen.getByRole('link', { name: /Romford/ }))
|
|
.toHaveAttribute('href', '/schools/romford');
|
|
});
|
|
|
|
it('says nothing about an average it does not have', () => {
|
|
render(<PlaceView detail={{ ...detail, averages:
|
|
{ rwm_expected_pct: null, attainment_8_score: null } }}
|
|
phase="primary" englandAverage={61} neighbours={[]} />);
|
|
expect(screen.queryByTestId('local-vs-england')).not.toBeInTheDocument();
|
|
});
|
|
});
|