44 lines
1.8 KiB
TypeScript
44 lines
1.8 KiB
TypeScript
|
/**
|
||
|
|
* The single seam between the characterization tests and the component tree.
|
||
|
|
*
|
||
|
|
* Task 7 of the server/client split rewrites the bodies of these functions to
|
||
|
|
* render the new shell + server-sections composition. Nothing else in the test
|
||
|
|
* suite may change — the characterization assertions passing unmodified across
|
||
|
|
* that rewrite is the proof that behaviour was preserved.
|
||
|
|
*
|
||
|
|
* National averages are currently fetched client-side via useEffect, so this
|
||
|
|
* helper stubs global.fetch. Once they arrive as a server-supplied prop the
|
||
|
|
* stub goes away; the tests use findBy* queries so they pass either way.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { render } from '@testing-library/react';
|
||
|
|
import type { ReactNode } from 'react';
|
||
|
|
import { SchoolDetailView } from '@/components/SchoolDetailView';
|
||
|
|
import { SecondarySchoolDetailView } from '@/components/SecondarySchoolDetailView';
|
||
|
|
import { ComparisonProvider } from '@/context/ComparisonProvider';
|
||
|
|
import { nationalAveragesFixture } from './schoolFixtures';
|
||
|
|
|
||
|
|
// Both views call useComparison(), which throws outside the provider. In the
|
||
|
|
// app this wrapper comes from app/layout.tsx.
|
||
|
|
function withProviders(ui: ReactNode) {
|
||
|
|
return <ComparisonProvider>{ui}</ComparisonProvider>;
|
||
|
|
}
|
||
|
|
|
||
|
|
function stubNationalAveragesFetch() {
|
||
|
|
global.fetch = jest.fn((url: any) =>
|
||
|
|
String(url).includes('national-averages')
|
||
|
|
? Promise.resolve({ ok: true, json: () => Promise.resolve(nationalAveragesFixture) })
|
||
|
|
: Promise.resolve({ ok: false, json: () => Promise.resolve({}) }),
|
||
|
|
) as unknown as typeof fetch;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function renderSchoolDetail(fixture: any) {
|
||
|
|
stubNationalAveragesFetch();
|
||
|
|
return render(withProviders(<SchoolDetailView {...fixture} />));
|
||
|
|
}
|
||
|
|
|
||
|
|
export function renderSecondarySchoolDetail(fixture: any) {
|
||
|
|
stubNationalAveragesFetch();
|
||
|
|
return render(withProviders(<SecondarySchoolDetailView {...fixture} />));
|
||
|
|
}
|