576 lines
18 KiB
TypeScript
576 lines
18 KiB
TypeScript
#!/usr/bin/env tsx
|
|
|
|
/**
|
|
* Simple smoke test for the blog
|
|
* Tests: Build succeeds, key files exist, data is valid
|
|
*/
|
|
|
|
import { execSync } from 'child_process';
|
|
import fs from 'fs';
|
|
import path from 'path';
|
|
|
|
console.log('🔍 Running smoke tests for mintel.me blog...\n');
|
|
|
|
let passed = 0;
|
|
let failed = 0;
|
|
|
|
function test(name: string, fn: () => void): void {
|
|
try {
|
|
fn();
|
|
console.log(`✅ ${name}`);
|
|
passed++;
|
|
} catch (error) {
|
|
console.log(`❌ ${name}`);
|
|
if (error instanceof Error) {
|
|
console.log(` Error: ${error.message}`);
|
|
}
|
|
failed++;
|
|
}
|
|
}
|
|
|
|
// Test 1: Check required files exist
|
|
test('Required files exist', () => {
|
|
const requiredFiles = [
|
|
'package.json',
|
|
'astro.config.mjs',
|
|
'tailwind.config.js',
|
|
'src/pages/index.astro',
|
|
'src/layouts/BaseLayout.astro',
|
|
'src/data/blogPosts.ts',
|
|
'src/styles/global.css'
|
|
];
|
|
|
|
for (const file of requiredFiles) {
|
|
if (!fs.existsSync(path.join(process.cwd(), file))) {
|
|
throw new Error(`Missing file: ${file}`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 2: Validate blog posts data
|
|
test('Blog posts data is valid', () => {
|
|
const blogPostsPath = path.join(process.cwd(), 'src/data/blogPosts.ts');
|
|
const content = fs.readFileSync(blogPostsPath, 'utf8');
|
|
|
|
// Check for basic structure
|
|
if (!content.includes('export const blogPosts')) {
|
|
throw new Error('blogPosts export not found');
|
|
}
|
|
|
|
// Check for required fields in posts
|
|
const postsMatch = content.match(/\{[^}]+\}/g);
|
|
if (!postsMatch || postsMatch.length === 0) {
|
|
throw new Error('No posts found in blogPosts.ts');
|
|
}
|
|
|
|
// Validate at least one post has required fields
|
|
const firstPost = postsMatch[0];
|
|
const requiredFields = ['title', 'description', 'date', 'slug', 'tags'];
|
|
|
|
for (const field of requiredFields) {
|
|
if (!firstPost.includes(field)) {
|
|
throw new Error(`First post missing required field: ${field}`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 3: Check Astro config
|
|
test('Astro configuration is valid', () => {
|
|
const configPath = path.join(process.cwd(), 'astro.config.mjs');
|
|
const content = fs.readFileSync(configPath, 'utf8');
|
|
|
|
if (!content.includes('site:')) {
|
|
throw new Error('site URL not configured');
|
|
}
|
|
|
|
if (!content.includes('react()')) {
|
|
throw new Error('React integration not configured');
|
|
}
|
|
});
|
|
|
|
// Test 4: Validate Tailwind config
|
|
test('Tailwind configuration is valid', () => {
|
|
const configPath = path.join(process.cwd(), 'tailwind.config.js');
|
|
const content = fs.readFileSync(configPath, 'utf8');
|
|
|
|
if (!content.includes('content:')) {
|
|
throw new Error('content paths not configured');
|
|
}
|
|
|
|
if (!content.includes('plugins:')) {
|
|
throw new Error('plugins not configured');
|
|
}
|
|
});
|
|
|
|
// Test 5: Check for syntax errors in key components
|
|
test('Key components have valid syntax', () => {
|
|
const components = [
|
|
'src/components/MediumCard.tsx',
|
|
'src/components/SearchBar.tsx',
|
|
'src/components/ArticleBlockquote.tsx'
|
|
];
|
|
|
|
for (const component of components) {
|
|
const componentPath = path.join(process.cwd(), component);
|
|
if (fs.existsSync(componentPath)) {
|
|
const content = fs.readFileSync(componentPath, 'utf8');
|
|
|
|
// Basic syntax checks
|
|
if (content.includes('import') && !content.includes('export')) {
|
|
throw new Error(`${component}: has imports but no exports`);
|
|
}
|
|
|
|
// Check for balanced braces
|
|
const openBraces = (content.match(/{/g) || []).length;
|
|
const closeBraces = (content.match(/}/g) || []).length;
|
|
if (openBraces !== closeBraces) {
|
|
throw new Error(`${component}: unbalanced braces`);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 6: Check global styles
|
|
test('Global styles include required classes', () => {
|
|
const stylesPath = path.join(process.cwd(), 'src/styles/global.css');
|
|
const content = fs.readFileSync(stylesPath, 'utf8');
|
|
|
|
const requiredClasses = [
|
|
'.container',
|
|
'.highlighter-tag',
|
|
'.post-card',
|
|
'.article-content',
|
|
'.search-box'
|
|
];
|
|
|
|
for (const className of requiredClasses) {
|
|
if (!content.includes(className)) {
|
|
throw new Error(`Missing required class: ${className}`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 7: Verify package.json scripts
|
|
test('Package.json has required scripts', () => {
|
|
const packagePath = path.join(process.cwd(), 'package.json');
|
|
const content = fs.readFileSync(packagePath, 'utf8');
|
|
|
|
const requiredScripts = ['dev', 'build', 'preview', 'test:smoke'];
|
|
|
|
for (const script of requiredScripts) {
|
|
if (!content.includes(`"${script}"`)) {
|
|
throw new Error(`Missing script: ${script}`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 8: Check for single-page blog functionality
|
|
test('Single-page blog functionality exists', () => {
|
|
const functionalityFiles = [
|
|
'src/pages/index.astro', // Single page with everything
|
|
'src/components/SearchBar.tsx', // Search component
|
|
'src/components/MediumCard.tsx' // Post cards
|
|
];
|
|
|
|
for (const file of functionalityFiles) {
|
|
const filePath = path.join(process.cwd(), file);
|
|
if (!fs.existsSync(filePath)) {
|
|
throw new Error(`Missing functionality file: ${file}`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 9: Check that all blog posts load in the home page
|
|
test('All blog posts load in home page', () => {
|
|
const homePagePath = path.join(process.cwd(), 'src/pages/index.astro');
|
|
const homeContent = fs.readFileSync(homePagePath, 'utf8');
|
|
|
|
// Check that it imports blogPosts
|
|
if (!homeContent.includes('import') || !homeContent.includes('blogPosts')) {
|
|
throw new Error('Home page does not import blogPosts');
|
|
}
|
|
|
|
// Check that it renders posts
|
|
if (!homeContent.includes('allPosts.map') && !homeContent.includes('blogPosts.map')) {
|
|
throw new Error('Home page does not render blog posts');
|
|
}
|
|
|
|
// Check that MediumCard is imported and used
|
|
if (!homeContent.includes('MediumCard')) {
|
|
throw new Error('MediumCard component not used in home page');
|
|
}
|
|
});
|
|
|
|
// Test 10: Verify blog posts have all required fields
|
|
test('Blog posts have all required fields', () => {
|
|
const blogPostsPath = path.join(process.cwd(), 'src/data/blogPosts.ts');
|
|
const content = fs.readFileSync(blogPostsPath, 'utf8');
|
|
|
|
// Extract all posts
|
|
const posts = content.match(/\{[^}]+\}/g) || [];
|
|
|
|
if (posts.length === 0) {
|
|
throw new Error('No posts found in blogPosts.ts');
|
|
}
|
|
|
|
// Check each post has required fields
|
|
const requiredFields = ['title', 'description', 'date', 'slug', 'tags'];
|
|
|
|
posts.forEach((post, index) => {
|
|
for (const field of requiredFields) {
|
|
if (!post.includes(field)) {
|
|
throw new Error(`Post ${index + 1} missing required field: ${field}`);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// Test 11: Verify individual blog post pages exist
|
|
test('Individual blog post pages exist', () => {
|
|
const blogDir = path.join(process.cwd(), 'src/pages/blog');
|
|
const files = fs.readdirSync(blogDir);
|
|
|
|
const astroFiles = files.filter(f => f.endsWith('.astro'));
|
|
|
|
if (astroFiles.length === 0) {
|
|
throw new Error('No blog post files found');
|
|
}
|
|
|
|
// Check that [slug].astro exists for dynamic routing
|
|
if (!files.includes('[slug].astro')) {
|
|
throw new Error('Missing [slug].astro for dynamic blog post routing');
|
|
}
|
|
|
|
// Check that individual post files exist
|
|
const requiredPosts = ['first-note.astro', 'debugging-tips.astro'];
|
|
for (const post of requiredPosts) {
|
|
if (!astroFiles.includes(post)) {
|
|
throw new Error(`Missing blog post file: ${post}`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 12: Verify MediumCard links to individual posts
|
|
test('MediumCard links to individual post pages', () => {
|
|
const mediumCardPath = path.join(process.cwd(), 'src/components/MediumCard.tsx');
|
|
const content = fs.readFileSync(mediumCardPath, 'utf8');
|
|
|
|
// Should contain href to blog posts
|
|
if (!content.includes('href={`/blog/')) {
|
|
throw new Error('MediumCard should contain links to individual post pages');
|
|
}
|
|
|
|
// Should contain <a> tags
|
|
if (!content.includes('<a ') || !content.includes('</a>')) {
|
|
throw new Error('MediumCard should contain anchor tags');
|
|
}
|
|
|
|
// Should also have tag filtering
|
|
if (!content.includes('onClick')) {
|
|
throw new Error('MediumCard should have onClick handlers for tags');
|
|
}
|
|
});
|
|
|
|
// Test 13: Verify home page has no navigation
|
|
test('Home page has no navigation links', () => {
|
|
const homePagePath = path.join(process.cwd(), 'src/pages/index.astro');
|
|
const content = fs.readFileSync(homePagePath, 'utf8');
|
|
|
|
// Should not contain navigation links
|
|
if (content.includes('href="/about"') || content.includes('href="/blog"')) {
|
|
throw new Error('Home page contains navigation links');
|
|
}
|
|
|
|
// Should not contain nav or header navigation
|
|
if (content.includes('<nav') || content.includes('nav class')) {
|
|
throw new Error('Home page contains navigation elements');
|
|
}
|
|
});
|
|
|
|
// Test 14: Verify blog post pages don't import BlogLayout
|
|
test('Blog posts use BaseLayout not BlogLayout', () => {
|
|
const blogDir = path.join(process.cwd(), 'src/pages/blog');
|
|
const files = fs.readdirSync(blogDir);
|
|
|
|
const astroFiles = files.filter(f => f.endsWith('.astro') && f !== '[slug].astro');
|
|
|
|
for (const file of astroFiles) {
|
|
const content = fs.readFileSync(path.join(blogDir, file), 'utf8');
|
|
|
|
if (content.includes('import BlogLayout')) {
|
|
throw new Error(`${file} still imports BlogLayout which doesn't exist`);
|
|
}
|
|
|
|
if (!content.includes('import BaseLayout')) {
|
|
throw new Error(`${file} doesn't import BaseLayout`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 15: Verify blog post pages have proper structure
|
|
test('Blog posts have proper structure', () => {
|
|
const blogDir = path.join(process.cwd(), 'src/pages/blog');
|
|
const files = fs.readdirSync(blogDir);
|
|
|
|
const astroFiles = files.filter(f => f.endsWith('.astro') && f !== '[slug].astro');
|
|
|
|
for (const file of astroFiles) {
|
|
const content = fs.readFileSync(path.join(blogDir, file), 'utf8');
|
|
|
|
// Should close BaseLayout properly
|
|
if (!content.includes('</BaseLayout>')) {
|
|
throw new Error(`${file} doesn't close BaseLayout properly`);
|
|
}
|
|
|
|
// Should have article wrapper
|
|
if (!content.includes('<article')) {
|
|
throw new Error(`${file} missing article wrapper`);
|
|
}
|
|
|
|
// Should have header with title
|
|
if (!content.includes('<header') || !content.includes('</header>')) {
|
|
throw new Error(`${file} missing header section`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 16: Verify all imports in blog posts are valid
|
|
test('All imports in blog posts are valid', () => {
|
|
const blogDir = path.join(process.cwd(), 'src/pages/blog');
|
|
const files = fs.readdirSync(blogDir);
|
|
|
|
const astroFiles = files.filter(f => f.endsWith('.astro') && f !== '[slug].astro');
|
|
|
|
for (const file of astroFiles) {
|
|
const content = fs.readFileSync(path.join(blogDir, file), 'utf8');
|
|
|
|
// Extract all imports
|
|
const importMatches = content.match(/import\s+.*?\s+from\s+['"]([^'"]+)['"]/g) || [];
|
|
|
|
for (const importLine of importMatches) {
|
|
// Extract the path
|
|
const pathMatch = importLine.match(/from\s+['"]([^'"]+)['"]/);
|
|
if (!pathMatch) continue;
|
|
|
|
const importPath = pathMatch[1];
|
|
|
|
// Skip relative imports for now, just check they don't reference BlogLayout
|
|
if (importPath.includes('BlogLayout')) {
|
|
throw new Error(`${file} imports BlogLayout which doesn't exist`);
|
|
}
|
|
|
|
// Check that BaseLayout is imported correctly
|
|
if (importPath.includes('BaseLayout') && !importPath.includes('../../layouts/BaseLayout')) {
|
|
throw new Error(`${file} has incorrect BaseLayout import path`);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 17: Verify tag pages exist and are valid
|
|
test('Tag pages exist and are valid', () => {
|
|
const tagPagePath = path.join(process.cwd(), 'src/pages/tags/[tag].astro');
|
|
|
|
if (!fs.existsSync(tagPagePath)) {
|
|
throw new Error('Tag page [tag].astro does not exist');
|
|
}
|
|
|
|
const content = fs.readFileSync(tagPagePath, 'utf8');
|
|
|
|
// Should import BaseLayout
|
|
if (!content.includes('import BaseLayout')) {
|
|
throw new Error('Tag page does not import BaseLayout');
|
|
}
|
|
|
|
// Should have getStaticPaths
|
|
if (!content.includes('getStaticPaths')) {
|
|
throw new Error('Tag page missing getStaticPaths function');
|
|
}
|
|
|
|
// Should render posts
|
|
if (!content.includes('posts.map')) {
|
|
throw new Error('Tag page does not render posts');
|
|
}
|
|
});
|
|
|
|
// Test 18: Verify [slug].astro page exists and is valid
|
|
test('Dynamic slug page exists and is valid', () => {
|
|
const slugPagePath = path.join(process.cwd(), 'src/pages/blog/[slug].astro');
|
|
|
|
if (!fs.existsSync(slugPagePath)) {
|
|
throw new Error('Dynamic slug page [slug].astro does not exist');
|
|
}
|
|
|
|
const content = fs.readFileSync(slugPagePath, 'utf8');
|
|
|
|
// Should import BaseLayout
|
|
if (!content.includes('import BaseLayout')) {
|
|
throw new Error('Slug page does not import BaseLayout');
|
|
}
|
|
|
|
// Should have getStaticPaths
|
|
if (!content.includes('getStaticPaths')) {
|
|
throw new Error('Slug page missing getStaticPaths function');
|
|
}
|
|
|
|
// Should render post content
|
|
if (!content.includes('post.title') || !content.includes('post.description')) {
|
|
throw new Error('Slug page does not render post data');
|
|
}
|
|
});
|
|
|
|
// Test 19: Verify no syntax errors in any Astro files
|
|
test('No syntax errors in Astro files', () => {
|
|
const astroFiles = [
|
|
'src/pages/index.astro',
|
|
'src/pages/blog/[slug].astro',
|
|
'src/pages/blog/first-note.astro',
|
|
'src/pages/blog/debugging-tips.astro',
|
|
'src/pages/tags/[tag].astro',
|
|
'src/layouts/BaseLayout.astro'
|
|
];
|
|
|
|
for (const file of astroFiles) {
|
|
const filePath = path.join(process.cwd(), file);
|
|
if (!fs.existsSync(filePath)) {
|
|
throw new Error(`File ${file} does not exist`);
|
|
}
|
|
|
|
const content = fs.readFileSync(filePath, 'utf8');
|
|
|
|
// Check for balanced HTML tags
|
|
const openTags = (content.match(/<[^/][^>]*>/g) || []).length;
|
|
const closeTags = (content.match(/<\/[^>]+>/g) || []).length;
|
|
|
|
// Check for balanced braces in script sections
|
|
const scriptSections = content.match(/---[\s\S]*?---/g) || [];
|
|
let totalOpenBraces = 0;
|
|
let totalCloseBraces = 0;
|
|
|
|
for (const section of scriptSections) {
|
|
totalOpenBraces += (section.match(/{/g) || []).length;
|
|
totalCloseBraces += (section.match(/}/g) || []).length;
|
|
}
|
|
|
|
if (totalOpenBraces !== totalCloseBraces) {
|
|
throw new Error(`${file} has unbalanced braces in script section`);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 20: Verify blogPosts.ts can be imported without errors
|
|
test('blogPosts.ts can be imported without errors', () => {
|
|
const blogPostsPath = path.join(process.cwd(), 'src/data/blogPosts.ts');
|
|
const content = fs.readFileSync(blogPostsPath, 'utf8');
|
|
|
|
// Check for basic syntax
|
|
if (!content.includes('export const blogPosts')) {
|
|
throw new Error('blogPosts.ts does not export blogPosts');
|
|
}
|
|
|
|
// Check that it's valid TypeScript
|
|
if (content.includes('interface') || content.includes('type')) {
|
|
// If it has types, they should be properly formatted
|
|
const openBraces = (content.match(/{/g) || []).length;
|
|
const closeBraces = (content.match(/}/g) || []).length;
|
|
if (openBraces !== closeBraces) {
|
|
throw new Error('blogPosts.ts has unbalanced braces');
|
|
}
|
|
}
|
|
});
|
|
|
|
// Test 21: Verify Astro build succeeds (catches runtime errors)
|
|
test('Astro build succeeds without runtime errors', () => {
|
|
try {
|
|
// Try to build the project - this will catch runtime errors
|
|
execSync('npm run build', {
|
|
cwd: process.cwd(),
|
|
stdio: 'pipe',
|
|
timeout: 60000
|
|
});
|
|
} catch (error: any) {
|
|
const stderr = error.stderr?.toString() || '';
|
|
const stdout = error.stdout?.toString() || '';
|
|
const combined = stderr + stdout;
|
|
|
|
// Check for common runtime errors
|
|
if (combined.includes('children.trim is not a function')) {
|
|
throw new Error('Build failed: children.trim error - component children issue');
|
|
}
|
|
|
|
if (combined.includes('is not a function')) {
|
|
throw new Error(`Build failed with runtime error: ${combined.substring(0, 200)}`);
|
|
}
|
|
|
|
if (combined.includes('Build failed')) {
|
|
throw new Error(`Build failed: ${combined.substring(0, 300)}`);
|
|
}
|
|
|
|
// If it's just a warning, that's okay
|
|
if (combined.includes('warning')) {
|
|
return;
|
|
}
|
|
|
|
throw new Error(`Build failed for unknown reason: ${combined.substring(0, 200)}`);
|
|
}
|
|
});
|
|
|
|
// Test 22: Verify all components can be imported
|
|
test('All components can be imported without errors', () => {
|
|
const components = [
|
|
'src/components/MediumCard.tsx',
|
|
'src/components/SearchBar.tsx',
|
|
'src/components/ArticleBlockquote.tsx',
|
|
'src/components/ArticleHeading.tsx',
|
|
'src/components/ArticleParagraph.tsx',
|
|
'src/components/ArticleList.tsx',
|
|
'src/components/Footer.tsx'
|
|
];
|
|
|
|
for (const component of components) {
|
|
const componentPath = path.join(process.cwd(), component);
|
|
if (!fs.existsSync(componentPath)) {
|
|
throw new Error(`Component ${component} does not exist`);
|
|
}
|
|
|
|
const content = fs.readFileSync(componentPath, 'utf8');
|
|
|
|
// Check for common issues
|
|
if (content.includes('children.trim') && !content.includes('children?.trim')) {
|
|
throw new Error(`${component}: uses children.trim without null check`);
|
|
}
|
|
|
|
// Extract JSX content (between return and end of component)
|
|
const jsxMatch = content.match(/return\s*\(([\s\S]*?)\)\s*;?\s*\}\s*$/);
|
|
if (jsxMatch) {
|
|
const jsxContent = jsxMatch[1];
|
|
|
|
// Only count actual HTML/JSX tags, not TypeScript types
|
|
// Filter out tags that are clearly TypeScript (like <HTMLElement>, <string>, etc.)
|
|
const openTags = (jsxContent.match(/<([A-Za-z][A-Za-z0-9-]*)(\s|>)/g) || []).length;
|
|
const closeTags = (jsxContent.match(/<\/[A-Za-z][A-Za-z0-9-]*>/g) || []).length;
|
|
|
|
if (openTags !== closeTags) {
|
|
throw new Error(`${component}: unbalanced JSX tags (open: ${openTags}, close: ${closeTags})`);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Summary
|
|
console.log('\n' + '='.repeat(50));
|
|
console.log(`Tests passed: ${passed}`);
|
|
console.log(`Tests failed: ${failed}`);
|
|
console.log('='.repeat(50));
|
|
|
|
if (failed === 0) {
|
|
console.log('\n🎉 All smoke tests passed! Your blog is ready to use.');
|
|
console.log('\nTo start development:');
|
|
console.log(' npm run dev');
|
|
console.log('\nTo build for production:');
|
|
console.log(' npm run build');
|
|
process.exit(0);
|
|
} else {
|
|
console.log('\n❌ Some tests failed. Please check the errors above.');
|
|
process.exit(1);
|
|
} |