Ken
3175f27c8a
- Import BaseLayout, NavBar, and PostHeader components
- PostHeader with title 'Speeding Up Webpack Typescript Incremental Builds by 7x',
date 2019-08-16, type post, readingTime 12
- Three typography voices in prose-width container:
- Prose voice: Source Serif 4 at 18px (font-prose)
- Structure voice: Inter at 14px in secondary color (font-structure)
- Evidence voice: JetBrains Mono with code-text color, surface-code bg,
rounded-md, accent-primary left border (font-evidence)
- Add build verification test (tests/verify-smoke-page.mjs)
- npm run build succeeds clean
93 lines
3.0 KiB
JavaScript
93 lines
3.0 KiB
JavaScript
/**
|
|
* Smoke test verification for index.astro
|
|
* Checks that the built HTML contains expected elements for the foundation smoke test page.
|
|
*/
|
|
import { readFileSync } from 'fs';
|
|
import { resolve, dirname } from 'path';
|
|
import { fileURLToPath } from 'url';
|
|
|
|
const __dirname = dirname(fileURLToPath(import.meta.url));
|
|
const distPath = resolve(__dirname, '../dist/index.html');
|
|
|
|
let html;
|
|
try {
|
|
html = readFileSync(distPath, 'utf-8');
|
|
} catch (e) {
|
|
console.error('FAIL: dist/index.html not found. Run `npm run build` first.');
|
|
process.exit(1);
|
|
}
|
|
|
|
let passed = 0;
|
|
let failed = 0;
|
|
|
|
function assert(condition, description) {
|
|
if (condition) {
|
|
console.log(` PASS: ${description}`);
|
|
passed++;
|
|
} else {
|
|
console.error(` FAIL: ${description}`);
|
|
failed++;
|
|
}
|
|
}
|
|
|
|
console.log('Verifying smoke test page (dist/index.html):\n');
|
|
|
|
// 1. Imports: BaseLayout structure present
|
|
assert(html.includes('<!DOCTYPE html>'), 'BaseLayout renders DOCTYPE');
|
|
assert(html.includes('<html lang="en">'), 'BaseLayout renders html lang=en');
|
|
assert(html.includes('Skip to content'), 'BaseLayout includes skip link');
|
|
|
|
// 2. NavBar rendered
|
|
assert(html.includes('aria-label="Site navigation"'), 'NavBar is rendered');
|
|
assert(html.includes('Crash Test Dev'), 'NavBar shows site name');
|
|
assert(html.includes('Posts'), 'NavBar shows Posts link');
|
|
|
|
// 3. PostHeader with correct props
|
|
assert(html.includes('Speeding Up Webpack Typescript Incremental Builds by 7x'), 'PostHeader title present');
|
|
assert(html.includes('August 16, 2019'), 'PostHeader formatted date present');
|
|
assert(html.includes('12 min read'), 'PostHeader reading time present');
|
|
assert(html.includes('post') || html.includes('POST'), 'PostHeader badge type present');
|
|
|
|
// 4. Three typography voices in body
|
|
// Prose voice: Source Serif 4 / font-prose, 18px
|
|
assert(
|
|
html.includes('font-prose') || html.includes('Source Serif'),
|
|
'Prose voice paragraph uses font-prose (Source Serif 4)'
|
|
);
|
|
|
|
// Structure voice: Inter / font-structure, 14px, secondary color
|
|
assert(
|
|
html.includes('font-structure') || html.includes('Inter'),
|
|
'Structure voice paragraph uses font-structure (Inter)'
|
|
);
|
|
|
|
// Evidence voice: JetBrains Mono / font-evidence, code-text color, surface-code bg
|
|
assert(
|
|
html.includes('font-evidence') || html.includes('JetBrains Mono'),
|
|
'Evidence voice uses font-evidence (JetBrains Mono)'
|
|
);
|
|
|
|
// 5. Evidence voice styling details
|
|
assert(
|
|
html.includes('code-text') || html.includes('--code-text'),
|
|
'Evidence voice uses code-text color'
|
|
);
|
|
assert(
|
|
html.includes('surface-code') || html.includes('--surface-code'),
|
|
'Evidence voice uses surface-code background'
|
|
);
|
|
assert(
|
|
html.includes('accent-primary') || html.includes('--accent-primary'),
|
|
'Evidence voice has accent-primary left border'
|
|
);
|
|
assert(
|
|
html.includes('rounded-md') || html.includes('--rounded-md'),
|
|
'Evidence voice has rounded-md border radius'
|
|
);
|
|
|
|
console.log(`\nResults: ${passed} passed, ${failed} failed out of ${passed + failed}`);
|
|
|
|
if (failed > 0) {
|
|
process.exit(1);
|
|
}
|
|
console.log('\nAll smoke test verifications passed!'); |