codebase-asset-optimizer/dist/scripts/test-ux.js

Professional CLI development tool for optimizing and managing assets in codebases. Detects unused assets, optimizes images to WebP, optimizes videos, and automatically replaces asset references. GIFs are preserved unchanged to maintain animation functiona

#!/usr/bin/env node
/**
 * UX Integration Test for codebase-asset-optimizer
 * Tests the complete user experience from installation to optimization
 */
import fs from 'fs-extra';
import path from 'path';
import chalk from 'chalk';
import { execSync } from 'child_process';
const TEST_PROJECT_DIR = path.join(process.cwd(), 'test-project');
async function runCommand(command, description) {
    console.log(chalk.blue(`\n🔄 ${description}`));
    console.log(chalk.gray(`   Command: ${command}`));
    try {
        const output = execSync(command, {
            cwd: process.cwd(),
            encoding: 'utf8',
            stdio: 'pipe'
        });
        console.log(chalk.green('   ✅ Success'));
        return output;
    }
    catch (error) {
        console.log(chalk.red('   ❌ Failed'));
        console.log(chalk.red(`   Error: ${error.message}`));
        throw error;
    }
}
async function testUXFlow() {
    console.log(chalk.cyan('\n🧪 UX Integration Test'));
    console.log(chalk.cyan('================================\n'));
    // Test 1: Build the project
    await runCommand('npm run build', 'Building project');
    // Test 2: Audit test project
    await runCommand('npm run audit:assets test-project', 'Auditing test project assets');
    // Test 3: Dry run optimization
    console.log(chalk.blue('\n🔄 Testing dry-run optimization'));
    const dryRunOutput = await runCommand('npm run optimize:assets:dry test-project', 'Running dry-run optimization');
    // Verify dry-run output contains expected elements
    if (dryRunOutput.includes('DRY RUN MODE') && dryRunOutput.includes('No files will be modified')) {
        console.log(chalk.green('   ✅ Dry-run mode working correctly'));
    }
    else {
        throw new Error('Dry-run mode not functioning as expected');
    }
    // Test 4: Check interactive mode help
    await runCommand('npm run assets:interactive -- --help', 'Testing interactive mode help');
    // Test 5: Verify test project structure
    console.log(chalk.blue('\n🔄 Verifying test project structure'));
    const testProjectExists = await fs.pathExists(TEST_PROJECT_DIR);
    const publicDirExists = await fs.pathExists(path.join(TEST_PROJECT_DIR, 'public'));
    const srcDirExists = await fs.pathExists(path.join(TEST_PROJECT_DIR, 'src'));
    if (testProjectExists && publicDirExists && srcDirExists) {
        console.log(chalk.green('   ✅ Test project structure verified'));
    }
    else {
        throw new Error('Test project structure incomplete');
    }
    // Test 6: Check asset counts
    console.log(chalk.blue('\n🔄 Checking asset inventory'));
    const imagesDir = path.join(TEST_PROJECT_DIR, 'public', 'images');
    const videosDir = path.join(TEST_PROJECT_DIR, 'public', 'videos');
    const imageFiles = await fs.readdir(imagesDir);
    const videoFiles = await fs.readdir(videosDir);
    console.log(chalk.green(`   ✅ Found ${imageFiles.length} images, ${videoFiles.length} videos`));
    // Test 7: Verify npm scripts are available
    console.log(chalk.blue('\n🔄 Verifying npm scripts'));
    const packageJson = await fs.readJson('package.json');
    const requiredScripts = [
        'optimize:assets',
        'optimize:assets:dry',
        'audit:assets',
        'clean:assets',
        'assets:interactive'
    ];
    const missingScripts = requiredScripts.filter(script => !packageJson.scripts[script]);
    if (missingScripts.length === 0) {
        console.log(chalk.green('   ✅ All npm scripts present'));
    }
    else {
        throw new Error(`Missing scripts: ${missingScripts.join(', ')}`);
    }
    console.log(chalk.green('\n🎉 UX Integration Test PASSED!'));
    console.log(chalk.blue('\n📊 Test Summary:'));
    console.log(chalk.white('   ✅ Build process works'));
    console.log(chalk.white('   ✅ Audit functionality verified'));
    console.log(chalk.white('   ✅ Dry-run mode prevents modifications'));
    console.log(chalk.white('   ✅ Interactive mode accessible'));
    console.log(chalk.white('   ✅ Test project structure complete'));
    console.log(chalk.white(`   ✅ Asset inventory: ${imageFiles.length} images, ${videoFiles.length} videos`));
    console.log(chalk.white('   ✅ All npm scripts configured'));
    console.log(chalk.cyan('\n🚀 Ready for production use!'));
}
// Run the test
testUXFlow().catch((error) => {
    console.error(chalk.red('\n❌ UX Integration Test FAILED!'));
    console.error(chalk.red(`Error: ${error.message}`));
    process.exit(1);
});
//# sourceMappingURL=test-ux.js.map