@janga/norna 0.7.18 → 0.7.23

package/scripts/test-client-javascript.mjs

@@ -1,225 +0,0 @@
-import assert from 'node:assert/strict';
-import { mkdir, mkdtemp, readFile, rm, writeFile } from 'node:fs/promises';
-import { spawnSync } from 'node:child_process';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const repoRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
-const nornaBin = path.join(repoRoot, 'bin', 'norna.mjs');
-const tempParent = path.join(repoRoot, 'node_modules', '.cache');
-await mkdir(tempParent, { recursive: true });
-const tempRoot = await mkdtemp(path.join(tempParent, 'norna-client-javascript-'));
-const siteDir = path.join(tempRoot, 'site');
-const homeDir = path.join(siteDir, 'pages', '000-home');
-const pageDir = path.join(siteDir, 'pages', '010-details');
-const configPath = path.join(siteDir, 'config.yaml');
-
-const runBuild = () => {
-	const result = spawnSync(process.execPath, [nornaBin, 'build'], {
-		cwd: tempRoot,
-		encoding: 'utf8',
-		env: {
-			...process.env,
-			NORNA_SITE_DIR: siteDir,
-		},
-	});
-
-	if (result.status !== 0) {
-		throw new Error([
-			`norna build exited with code ${result.status}.`,
-			result.stdout.trim(),
-			result.stderr.trim(),
-		].filter(Boolean).join('\n'));
-	}
-};
-
-const readPage = (pathname = 'index.html') => readFile(path.join(tempRoot, 'dist', pathname), 'utf8');
-const getScripts = (html) => html.match(/<script\b[^>]*>[\s\S]*?<\/script>/gi) ?? [];
-const assertNoClientJavaScript = (html, label) => {
-	assert.deepEqual(getScripts(html), [], `${label} should not require client-side JavaScript.`);
-};
-const assertScrollBehavior = (html, behavior, label) => {
-	assert.match(
-		html,
-		new RegExp(`<html\\b[^>]*style="[^"]*scroll-behavior: ${behavior}(?:;|&quot;|\")`),
-		`${label} should render scroll-behavior: ${behavior}.`,
-	);
-};
-const writeConfig = (scrollBehavior) => writeFile(configPath, `url: https://example.com/
-${scrollBehavior ? `scrollBehavior: ${scrollBehavior}\n` : ''}`);
-const writeSvg = (filePath, color) => writeFile(filePath, [
-	'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 90">',
-	`  <rect width="160" height="90" fill="${color}"/>`,
-	'</svg>',
-	'',
-].join('\n'));
-
-try {
-	await mkdir(homeDir, { recursive: true });
-	await mkdir(path.join(siteDir, 'public'), { recursive: true });
-	await writeConfig();
-	await writeFile(path.join(siteDir, 'theme.yaml'), `typography:
-  profile: reading
-palette: paper
-`);
-	await writeFile(path.join(homeDir, 'content.md'), `---
-page:
-  description: A single page with sticky section navigation.
----
-
-# Section navigation
-
-## Intro {#intro}
-
-The section heading is a native anchor target.
-
-## More {#more}
-
-The navigation enhancement keeps native anchors clear of the sticky header.
-`);
-
-	runBuild();
-	const instantHtml = await readPage();
-	assert.equal(
-		getScripts(instantHtml).length,
-		1,
-		'Sticky section navigation should load only its anchor-offset enhancement.',
-	);
-	assert.match(getScripts(instantHtml)[0], /site-top-anchor-offset/);
-	assertScrollBehavior(instantHtml, 'auto', 'The default instant scroll mode');
-	assert.match(instantHtml, /<nav class="page-nav"/);
-	assert.match(instantHtml, /<nav class="page-nav" aria-label="Page contents">/);
-	assert.doesNotMatch(instantHtml, /class="page-nav-label"/);
-	assert.doesNotMatch(instantHtml, /<h2 tabindex="-1">Page contents<\/h2>/);
-	assert.match(instantHtml, /class="page-nav-page-top" data-page-top href="\/">Section navigation<\/a>/);
-	assert.match(instantHtml, /class="mobile-nav-destination mobile-nav-page-top" data-page-top href="\/">/);
-	assert.match(instantHtml, /href="#intro"/);
-	assert.match(instantHtml, /href="#more"/);
-
-	await writeConfig('smooth');
-	runBuild();
-	const browserSmoothHtml = await readPage();
-	assert.equal(
-		getScripts(browserSmoothHtml).length,
-		1,
-		'Browser smooth scrolling should use the same anchor-offset enhancement.',
-	);
-	assertScrollBehavior(browserSmoothHtml, 'smooth', 'The browser smooth scroll mode');
-
-	await writeConfig();
-
-	await mkdir(path.join(pageDir, 'images'), { recursive: true });
-	await writeSvg(path.join(pageDir, 'images', 'first.svg'), '#7b8f78');
-	await writeSvg(path.join(pageDir, 'images', 'second.svg'), '#a7664b');
-	await writeFile(path.join(homeDir, 'content.md'), `---
-page:
-  description: A page without interactive features.
----
-
-# Static baseline
-
-## Intro {#intro}
-
-Ordinary Markdown needs no client-side JavaScript.
-`);
-	await writeFile(path.join(pageDir, 'content.md'), `---
-page:
-  description: Static managed images.
----
-
-# Details
-Static image stacks remain static.
-
-\`\`\`norna-image-stack
-- image: first.svg
-  caption: First image.
-- image: second.svg
-  caption: Second image.
-\`\`\`
-
-\`\`\`norna-card-list
-- title: Static card
-  text: Cards do not require client-side behaviour.
-\`\`\`
-`);
-
-	runBuild();
-	assertNoClientJavaScript(await readPage(), 'A plain homepage in a multi-page site');
-	assertNoClientJavaScript(
-		await readPage(path.join('details', 'index.html')),
-		'A page with managed image stacks and cards',
-	);
-
-	await writeFile(path.join(homeDir, 'content.md'), `---
-page:
-  description: A page with an enhanced sidenote.
----
-
-# Notes
-
-## Intro {#intro}
-
-This sentence has additional context.{note-ref}
-
-{note: The note remains readable without JavaScript, while alignment is enhanced when JavaScript runs.}
-`);
-	await writeFile(path.join(pageDir, 'content.md'), `---
-page:
-  description: An interactive image carousel.
----
-
-# Carousel
-
-## Details {#details}
-
-\`\`\`norna-image-carousel
-- image: first.svg
-  caption: First slide.
-- image: second.svg
-  caption: Second slide.
-\`\`\`
-`);
-
-	runBuild();
-	const noteHtml = await readPage();
-	const carouselHtml = await readPage(path.join('details', 'index.html'));
-	assert.equal(getScripts(noteHtml).length, 1, 'A page with notes should load only the note enhancement.');
-	assert.match(noteHtml, /data-note-id=/);
-	assert.equal(getScripts(carouselHtml).length, 1, 'A carousel page should load only the carousel implementation.');
-	assert.match(carouselHtml, /data-carousel/);
-	assert.match(getScripts(carouselHtml)[0], /\ssrc=/, 'Carousel JavaScript should be emitted as a module asset.');
-
-	await writeFile(path.join(homeDir, 'content.md'), `---
-page:
-  description: A page with a dismissible banner.
----
-
-# Banner
-
-## Intro {#intro}
-
-The only interactive feature is the banner.
-`);
-	await writeFile(path.join(pageDir, 'content.md'), `---
-page:
-  description: A second plain page.
----
-
-# Details
-Plain page content.
-`);
-	await writeFile(path.join(siteDir, 'sitewide-content.yaml'), `banners:
-  - id: test-banner
-    title: Test banner
-    text: This banner can be dismissed.
-`);
-
-	runBuild();
-	const bannerHtml = await readPage();
-	assert.equal(getScripts(bannerHtml).length, 1, 'A dismissible banner should load only its dismissal script.');
-	assert.match(getScripts(bannerHtml)[0], /norna-banner:/);
-
-	console.log('Client JavaScript boundaries test passed.');
-} finally {
-	await rm(tempRoot, { force: true, recursive: true });
-}