upskill-event-manager/test-enhanced-events.js

#!/usr/bin/env node

/**
 * Enhanced HVAC Events Test Script
 * Comprehensive validation with improved selectors and error handling
 */

const { chromium } = require('@playwright/test');
const fs = require('fs').promises;
const path = require('path');

const BASE_URL = 'https://upskill-staging.measurequick.com';
const CREDENTIALS = {
    email: 'test_trainer@example.com',
    password: 'TestTrainer123!'
};

// Test categories
const TESTS = {
    authentication: [],
    eventCreation: [],
    eventEditing: [],
    navigation: [],
    mobile: [],
    performance: []
};

async function takeScreenshot(page, name) {
    try {
        await fs.mkdir('screenshots', { recursive: true });
        await page.screenshot({ 
            path: `screenshots/${name}-${Date.now()}.png`,
            fullPage: true 
        });
    } catch (error) {
        console.log(`Screenshot failed: ${error.message}`);
    }
}

async function testAuthentication(page, results) {
    console.log('\n🔐 AUTHENTICATION TESTS');
    console.log('─'.repeat(40));
    
    // Test: Login
    console.log('📝 Testing login functionality...');
    try {
        await page.goto(`${BASE_URL}/wp-login.php`);
        await page.fill('#user_login', CREDENTIALS.email);
        await page.fill('#user_pass', CREDENTIALS.password);
        await page.click('#wp-submit');
        await page.waitForURL(/trainer\/dashboard/, { timeout: 10000 });
        
        console.log('✅ Login successful');
        TESTS.authentication.push({ name: 'Login', status: 'passed' });
        results.passed++;
    } catch (error) {
        console.log('❌ Login failed:', error.message);
        TESTS.authentication.push({ name: 'Login', status: 'failed', error: error.message });
        results.failed++;
        await takeScreenshot(page, 'login-error');
    }
    results.total++;
    
    // Test: Session Persistence
    console.log('📝 Testing session persistence...');
    try {
        await page.goto(`${BASE_URL}/trainer/profile/`);
        const isLoggedIn = await page.locator('a[href*="logout"]').count() > 0;
        
        if (isLoggedIn) {
            console.log('✅ Session maintained across pages');
            TESTS.authentication.push({ name: 'Session Persistence', status: 'passed' });
            results.passed++;
        } else {
            throw new Error('Session not maintained');
        }
    } catch (error) {
        console.log('❌ Session persistence failed:', error.message);
        TESTS.authentication.push({ name: 'Session Persistence', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
}

async function testEventCreation(page, results) {
    console.log('\n📅 EVENT CREATION TESTS');
    console.log('─'.repeat(40));
    
    // Test: Access Event Creation Page
    console.log('📝 Testing event creation page access...');
    try {
        // Try TEC Community Events URL first
        await page.goto(`${BASE_URL}/events/community/add/`);
        await page.waitForLoadState('networkidle', { timeout: 10000 });
        
        // Check for form elements
        const hasForm = await page.locator('form input[type="text"], form textarea').count() > 0;
        
        if (hasForm) {
            console.log('✅ Event creation page accessible');
            TESTS.eventCreation.push({ name: 'Event Creation Page Access', status: 'passed' });
            results.passed++;
            await takeScreenshot(page, 'event-creation-form');
        } else {
            throw new Error('No form elements found');
        }
    } catch (error) {
        console.log('❌ Event creation page access failed:', error.message);
        TESTS.eventCreation.push({ name: 'Event Creation Page Access', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
    
    // Test: Form Field Validation
    console.log('📝 Testing form field presence...');
    try {
        const fields = [
            { selector: 'input[name*="title"], #tribe-events-title', name: 'Title field' },
            { selector: 'textarea, #content, #tinyMCE', name: 'Description field' },
            { selector: 'input[type="date"], input[name*="Date"]', name: 'Date fields' }
        ];
        
        let fieldsFound = 0;
        for (const field of fields) {
            const exists = await page.locator(field.selector).count() > 0;
            if (exists) {
                fieldsFound++;
            }
        }
        
        if (fieldsFound >= 2) {
            console.log(`✅ Form fields validated (${fieldsFound}/3 found)`);
            TESTS.eventCreation.push({ name: 'Form Fields', status: 'passed' });
            results.passed++;
        } else {
            throw new Error(`Only ${fieldsFound}/3 fields found`);
        }
    } catch (error) {
        console.log('❌ Form field validation failed:', error.message);
        TESTS.eventCreation.push({ name: 'Form Fields', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
}

async function testEventEditing(page, results) {
    console.log('\n✏️ EVENT EDITING TESTS');
    console.log('─'.repeat(40));
    
    // Test: Event List Access
    console.log('📝 Testing event list page...');
    try {
        await page.goto(`${BASE_URL}/events/community/list/`);
        await page.waitForLoadState('domcontentloaded');
        
        // Check for event list or table
        const hasEventList = await page.locator('table, .tribe-events-list, .events-list, article').count() > 0;
        
        if (hasEventList) {
            console.log('✅ Event list page accessible');
            TESTS.eventEditing.push({ name: 'Event List Access', status: 'passed' });
            results.passed++;
            await takeScreenshot(page, 'event-list');
        } else {
            // Try trainer-specific URL
            await page.goto(`${BASE_URL}/trainer/events/`);
            const hasTrainerList = await page.locator('.hvac-events-list, table').count() > 0;
            
            if (hasTrainerList) {
                console.log('✅ Trainer event list accessible');
                TESTS.eventEditing.push({ name: 'Event List Access', status: 'passed' });
                results.passed++;
            } else {
                throw new Error('No event list found');
            }
        }
    } catch (error) {
        console.log('❌ Event list access failed:', error.message);
        TESTS.eventEditing.push({ name: 'Event List Access', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
    
    // Test: Edit Links
    console.log('📝 Testing edit functionality...');
    try {
        const editLinks = await page.locator('a[href*="edit"], .edit-link, .tribe-edit-link').count();
        
        if (editLinks > 0) {
            console.log(`✅ Edit links found (${editLinks} events)`);
            TESTS.eventEditing.push({ name: 'Edit Links', status: 'passed' });
            results.passed++;
        } else {
            console.log('⚠️  No events to edit (expected for new account)');
            TESTS.eventEditing.push({ name: 'Edit Links', status: 'passed', note: 'No events yet' });
            results.passed++;
        }
    } catch (error) {
        console.log('❌ Edit functionality test failed:', error.message);
        TESTS.eventEditing.push({ name: 'Edit Links', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
}

async function testNavigation(page, results) {
    console.log('\n🧭 NAVIGATION TESTS');
    console.log('─'.repeat(40));
    
    // Test: Dashboard Access
    console.log('📝 Testing dashboard access...');
    try {
        await page.goto(`${BASE_URL}/trainer/dashboard/`);
        await page.waitForLoadState('domcontentloaded');
        
        // Use first selector to avoid strict mode violation
        const dashboardHeader = await page.locator('.hvac-dashboard-header').first();
        const isVisible = await dashboardHeader.isVisible();
        
        if (isVisible) {
            console.log('✅ Dashboard accessible');
            TESTS.navigation.push({ name: 'Dashboard Access', status: 'passed' });
            results.passed++;
            await takeScreenshot(page, 'dashboard');
        } else {
            throw new Error('Dashboard not visible');
        }
    } catch (error) {
        console.log('❌ Dashboard access failed:', error.message);
        TESTS.navigation.push({ name: 'Dashboard Access', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
    
    // Test: Navigation Menu
    console.log('📝 Testing navigation menu...');
    try {
        const navMenu = await page.locator('.hvac-trainer-nav, .hvac-nav-menu, nav').first();
        const menuVisible = await navMenu.isVisible();
        
        if (menuVisible) {
            console.log('✅ Navigation menu present');
            TESTS.navigation.push({ name: 'Navigation Menu', status: 'passed' });
            results.passed++;
        } else {
            throw new Error('Navigation menu not visible');
        }
    } catch (error) {
        console.log('❌ Navigation menu test failed:', error.message);
        TESTS.navigation.push({ name: 'Navigation Menu', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
}

async function testMobile(page, results) {
    console.log('\n📱 MOBILE RESPONSIVENESS TESTS');
    console.log('─'.repeat(40));
    
    // Test: Mobile Viewport
    console.log('📝 Testing mobile viewport...');
    try {
        await page.setViewportSize({ width: 375, height: 667 });
        await page.goto(`${BASE_URL}/trainer/dashboard/`);
        await page.waitForLoadState('domcontentloaded');
        
        // Check for mobile menu toggle
        const hasMobileMenu = await page.locator('.hvac-menu-toggle, .menu-toggle, button[aria-label*="menu"]').count() > 0;
        
        if (hasMobileMenu) {
            console.log('✅ Mobile menu toggle found');
            TESTS.mobile.push({ name: 'Mobile Menu', status: 'passed' });
            results.passed++;
            await takeScreenshot(page, 'mobile-view');
        } else {
            console.log('⚠️  No mobile menu (using desktop layout)');
            TESTS.mobile.push({ name: 'Mobile Menu', status: 'passed', note: 'Desktop layout' });
            results.passed++;
        }
    } catch (error) {
        console.log('❌ Mobile viewport test failed:', error.message);
        TESTS.mobile.push({ name: 'Mobile Menu', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
    
    // Reset viewport
    await page.setViewportSize({ width: 1280, height: 720 });
}

async function testPerformance(page, results) {
    console.log('\n⚡ PERFORMANCE TESTS');
    console.log('─'.repeat(40));
    
    // Test: Page Load Time
    console.log('📝 Testing page load performance...');
    try {
        const startTime = Date.now();
        await page.goto(`${BASE_URL}/trainer/dashboard/`);
        await page.waitForLoadState('networkidle');
        const loadTime = Date.now() - startTime;
        
        console.log(`Page load time: ${loadTime}ms`);
        
        if (loadTime < 5000) {
            console.log('✅ Excellent performance (<5s)');
            TESTS.performance.push({ name: 'Page Load', status: 'passed', time: loadTime });
            results.passed++;
        } else if (loadTime < 10000) {
            console.log('⚠️  Acceptable performance (5-10s)');
            TESTS.performance.push({ name: 'Page Load', status: 'passed', time: loadTime });
            results.passed++;
        } else {
            throw new Error(`Slow load time: ${loadTime}ms`);
        }
    } catch (error) {
        console.log('❌ Performance test failed:', error.message);
        TESTS.performance.push({ name: 'Page Load', status: 'failed', error: error.message });
        results.failed++;
    }
    results.total++;
}

async function generateReport(results) {
    const timestamp = new Date().toISOString();
    const successRate = results.total > 0 ? ((results.passed / results.total) * 100).toFixed(1) : 0;
    
    // Create markdown report
    let report = `# HVAC Events Enhanced Test Report\n\n`;
    report += `**Generated:** ${timestamp}\n`;
    report += `**Environment:** ${BASE_URL}\n\n`;
    
    report += `## Summary\n\n`;
    report += `- **Total Tests:** ${results.total}\n`;
    report += `- **Passed:** ${results.passed} ✅\n`;
    report += `- **Failed:** ${results.failed} ❌\n`;
    report += `- **Success Rate:** ${successRate}%\n\n`;
    
    // Add category results
    report += `## Test Categories\n\n`;
    
    for (const [category, tests] of Object.entries(TESTS)) {
        if (tests.length > 0) {
            const categoryName = category.charAt(0).toUpperCase() + category.slice(1);
            const passed = tests.filter(t => t.status === 'passed').length;
            const total = tests.length;
            
            report += `### ${categoryName} (${passed}/${total})\n\n`;
            
            for (const test of tests) {
                const icon = test.status === 'passed' ? '✅' : '❌';
                report += `- ${icon} **${test.name}**`;
                
                if (test.error) {
                    report += ` - ${test.error}`;
                }
                if (test.note) {
                    report += ` - ${test.note}`;
                }
                if (test.time) {
                    report += ` - ${test.time}ms`;
                }
                report += `\n`;
            }
            report += `\n`;
        }
    }
    
    // Add recommendations
    report += `## Recommendations\n\n`;
    
    if (successRate >= 90) {
        report += `### ✅ READY FOR PRODUCTION\n\n`;
        report += `The system has passed comprehensive testing with ${successRate}% success rate.\n`;
    } else if (successRate >= 75) {
        report += `### ⚠️ READY WITH MINOR FIXES\n\n`;
        report += `The system is functional but has some issues:\n`;
        
        // List failed tests
        for (const tests of Object.values(TESTS)) {
            for (const test of tests) {
                if (test.status === 'failed') {
                    report += `- Fix: ${test.name} - ${test.error}\n`;
                }
            }
        }
    } else {
        report += `### ❌ NEEDS IMPROVEMENTS\n\n`;
        report += `The system requires fixes before production deployment.\n`;
    }
    
    report += `\n---\n`;
    report += `*Generated by HVAC Enhanced Test Suite*\n`;
    
    // Save report
    await fs.mkdir('reports', { recursive: true });
    const reportFile = `reports/enhanced-test-report-${Date.now()}.md`;
    await fs.writeFile(reportFile, report);
    
    return { reportFile, successRate };
}

async function runTests() {
    console.log('🚀 HVAC EVENTS ENHANCED TEST SUITE');
    console.log('═'.repeat(50));
    console.log(`Target: ${BASE_URL}`);
    console.log(`Time: ${new Date().toLocaleString()}`);
    console.log('═'.repeat(50));
    
    const browser = await chromium.launch({ 
        headless: true,
        timeout: 30000 
    });
    
    const context = await browser.newContext();
    const page = await context.newPage();
    
    const results = {
        total: 0,
        passed: 0,
        failed: 0
    };
    
    try {
        // Run test suites
        await testAuthentication(page, results);
        await testNavigation(page, results);
        await testEventCreation(page, results);
        await testEventEditing(page, results);
        await testMobile(page, results);
        await testPerformance(page, results);
        
    } catch (error) {
        console.error('Fatal error:', error);
    } finally {
        await browser.close();
    }
    
    // Generate and display report
    console.log('\n═'.repeat(50));
    console.log('📊 FINAL RESULTS');
    console.log('═'.repeat(50));
    
    const { reportFile, successRate } = await generateReport(results);
    
    console.log(`\nTotal Tests: ${results.total}`);
    console.log(`✅ Passed: ${results.passed}`);
    console.log(`❌ Failed: ${results.failed}`);
    console.log(`Success Rate: ${successRate}%`);
    
    if (successRate >= 90) {
        console.log('\n🎉 EXCELLENT - System is production ready!');
    } else if (successRate >= 75) {
        console.log('\n⚠️  GOOD - System works with minor issues');
    } else {
        console.log('\n❌ NEEDS WORK - Several issues need fixing');
    }
    
    console.log(`\n📄 Full report: ${reportFile}`);
    console.log('📸 Screenshots: screenshots/');
    
    process.exit(results.failed > 2 ? 1 : 0);
}

// Handle errors
process.on('unhandledRejection', (error) => {
    console.error('Unhandled error:', error);
    process.exit(1);
});

// Run tests
runTests().catch(error => {
    console.error('Test execution failed:', error);
    process.exit(1);
});