83 lines
2.4 KiB
TypeScript
83 lines
2.4 KiB
TypeScript
|
/**
|
||
|
|
* Regression: on refresh, the compare page must show the SSR-rendered data.
|
||
|
|
*
|
||
|
|
* The basket hydrates from the URL a beat after mount (selectedSchools is
|
||
|
|
* empty for the first render), so the fetch effect must not blank the
|
||
|
|
* SSR payload during that window — and must not refetch data the server
|
||
|
|
* already provided.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { render, screen, waitFor } from '@testing-library/react';
|
||
|
|
|
||
|
|
import { ComparisonView } from '@/components/ComparisonView';
|
||
|
|
import { ComparisonProvider } from '@/context/ComparisonProvider';
|
||
|
|
import type { ComparisonData, School } from '@/lib/types';
|
||
|
|
|
||
|
|
const fetchComparison = jest.fn();
|
||
|
|
jest.mock('@/lib/api', () => ({
|
||
|
|
fetchComparison: (...args: unknown[]) => fetchComparison(...args),
|
||
|
|
}));
|
||
|
|
jest.mock('@/lib/analytics', () => ({ track: jest.fn() }));
|
||
|
|
|
||
|
|
function school(urn: number, name: string): School {
|
||
|
|
return {
|
||
|
|
urn,
|
||
|
|
school_name: name,
|
||
|
|
local_authority: 'Testshire',
|
||
|
|
school_type: 'Community school',
|
||
|
|
rwm_expected_pct: 80,
|
||
|
|
phase: 'Primary',
|
||
|
|
} as School;
|
||
|
|
}
|
||
|
|
|
||
|
|
function data(urn: number, name: string): ComparisonData {
|
||
|
|
return {
|
||
|
|
school_info: school(urn, name),
|
||
|
|
yearly_data: [{ year: 202425, rwm_expected_pct: 80 }] as ComparisonData['yearly_data'],
|
||
|
|
ofsted: null,
|
||
|
|
census: null,
|
||
|
|
admissions: null,
|
||
|
|
admissions_history: [],
|
||
|
|
deprivation: null,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
const INITIAL_DATA = {
|
||
|
|
'100': data(100, 'Alpha Primary'),
|
||
|
|
'200': data(200, 'Beta Primary'),
|
||
|
|
};
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
fetchComparison.mockReset();
|
||
|
|
});
|
||
|
|
|
||
|
|
test('renders SSR data on refresh without wiping it or refetching', async () => {
|
||
|
|
render(
|
||
|
|
<ComparisonProvider>
|
||
|
|
<ComparisonView
|
||
|
|
initialData={INITIAL_DATA}
|
||
|
|
initialNationalAverages={{
|
||
|
|
year: 202425,
|
||
|
|
primary: { rwm_expected_pct: 62 },
|
||
|
|
secondary: {},
|
||
|
|
by_year: [],
|
||
|
|
}}
|
||
|
|
initialBenchmarks={undefined}
|
||
|
|
initialUrns={[100, 200]}
|
||
|
|
metrics={[]}
|
||
|
|
selectedMetric="rwm_expected_pct"
|
||
|
|
/>
|
||
|
|
</ComparisonProvider>,
|
||
|
|
);
|
||
|
|
|
||
|
|
// Both SSR-provided schools appear (data was not blanked during hydration)
|
||
|
|
await waitFor(() => {
|
||
|
|
expect(screen.getAllByText('Alpha Primary').length).toBeGreaterThan(0);
|
||
|
|
});
|
||
|
|
expect(screen.getAllByText('Beta Primary').length).toBeGreaterThan(0);
|
||
|
|
expect(screen.getByRole('heading', { name: 'At a glance' })).toBeInTheDocument();
|
||
|
|
|
||
|
|
// …and the client never refetched data the server already rendered.
|
||
|
|
expect(fetchComparison).not.toHaveBeenCalled();
|
||
|
|
});
|