71 lines
2.6 KiB
JavaScript
71 lines
2.6 KiB
JavaScript
import assert from 'node:assert/strict';
|
|
import { access, readFile } from 'node:fs/promises';
|
|
import test from 'node:test';
|
|
|
|
const routeFiles = [
|
|
'src/app/(en)/projects/layout.tsx',
|
|
'src/app/(en)/projects/[projectId]/page.tsx',
|
|
'src/app/(fa)/fa/projects/layout.tsx',
|
|
'src/app/(fa)/fa/projects/[projectId]/page.tsx',
|
|
];
|
|
|
|
test('localized project routes are statically generated and reject unknown slugs', async () => {
|
|
await Promise.all(routeFiles.map((file) => access(file)));
|
|
|
|
const pages = (
|
|
await Promise.all(
|
|
routeFiles
|
|
.filter((file) => file.endsWith('page.tsx'))
|
|
.map((file) => readFile(file, 'utf8')),
|
|
)
|
|
).join('\n');
|
|
|
|
assert.match(pages, /generateStaticParams/);
|
|
assert.match(pages, /dynamicParams\s*=\s*false/);
|
|
assert.match(pages, /await params/);
|
|
assert.match(pages, /generateMetadata/);
|
|
});
|
|
|
|
test('every project exposes an evidence-based localized case study', async () => {
|
|
const source = await readFile('src/data/projects.ts', 'utf8');
|
|
|
|
assert.doesNotMatch(source, /\blink\??:/);
|
|
assert.doesNotMatch(source, /\blink:/);
|
|
assert.ok((source.match(/\bcaseStudy:/g) ?? []).length >= 14);
|
|
assert.equal((source.match(/\bgallery:\s*\[/g) ?? []).length, 7);
|
|
assert.match(source, /export const getProject\s*=/);
|
|
assert.match(source, /export const getAdjacentProjects\s*=/);
|
|
assert.match(source, /export const getProjectPath\s*=/);
|
|
});
|
|
|
|
test('project cards separate case study navigation from live links', async () => {
|
|
const source = await readFile('src/components/ProjectsSection.tsx', 'utf8');
|
|
|
|
assert.match(source, /import Link from ['"]next\/link['"]/);
|
|
assert.match(source, /scroll=\{false\}/);
|
|
assert.match(source, /target="_blank"/);
|
|
assert.match(source, /rel="noopener noreferrer"/);
|
|
assert.match(source, /project\.liveUrl/);
|
|
assert.match(source, /caseStudyInput/);
|
|
});
|
|
|
|
test('the case study drawer has accessible and pointer-safe dismissal paths', async () => {
|
|
const [component, styles] = await Promise.all([
|
|
Promise.all([
|
|
'src/components/CaseStudyDrawer.tsx',
|
|
'src/components/useDrawerDrag.ts',
|
|
].map((file) => readFile(file, 'utf8'))).then((files) => files.join('\n')),
|
|
readFile('src/components/CaseStudyDrawer.module.css', 'utf8'),
|
|
]);
|
|
|
|
assert.match(component, /showModal\(\)/);
|
|
assert.match(component, /onCancel=/);
|
|
assert.match(component, /setPointerCapture/);
|
|
assert.match(component, /navigator\.clipboard/);
|
|
assert.match(component, /aria-live="polite"/);
|
|
assert.match(styles, /::backdrop/);
|
|
assert.match(styles, /env\(safe-area-inset-bottom/);
|
|
assert.match(styles, /prefers-reduced-motion:\s*reduce/);
|
|
assert.doesNotMatch(styles, /transition:\s*all/);
|
|
});
|