vps_web/test_enhanced_comparison.sh

#!/bin/bash

echo "=========================================="
echo "🎨 VPS Price - 增强对比功能测试"
echo "=========================================="
echo ""

echo "✅ 检查文件完整性..."
echo ""

# 检查 JS 文件
if [ -f /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js ]; then
    echo "✓ JS: main-comparison-enhanced.js 已创建"
    
    if grep -q "calculateDiff" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
        echo "✓ JS: 差异计算函数已实现"
    fi
    
    if grep -q "renderComparisonTable" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
        echo "✓ JS: 表格视图渲染已实现"
    fi
    
    if grep -q "calculateValueScore" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
        echo "✓ JS: 性价比评分已实现"
    fi
    
    if grep -q "renderSpecWithBar" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
        echo "✓ JS: 进度条可视化已实现"
    fi
else
    echo "✗ JS: main-comparison-enhanced.js 未找到"
fi

echo ""

# 检查 CSS 文件
if grep -q "comparison-bar" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 对比进度条样式已添加"
fi

if grep -q "spec-diff" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 差异百分比样式已添加"
fi

if grep -q "spec-badge" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 颜色编码徽章已添加"
fi

if grep -q "comparison-grid" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 对比表格样式已添加"
fi

if grep -q "value-score" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 性价比评分样式已添加"
fi

echo ""

# 检查 HTML 引用
if grep -q "main-comparison-enhanced.js" /Users/ddrwode/code/vps_price/templates/index.html; then
    echo "✓ HTML: JS 引用已更新为增强版"
else
    echo "✗ HTML: JS 引用未更新"
fi

echo ""
echo "=========================================="
echo "📊 文件统计"
echo "=========================================="
echo ""

if [ -f /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js ]; then
    JS_SIZE=$(wc -c < /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js)
    JS_LINES=$(wc -l < /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js)
    echo "JS 文件大小: $JS_SIZE bytes ($JS_LINES 行)"
fi

CSS_SIZE=$(wc -c < /Users/ddrwode/code/vps_price/static/css/style.css)
CSS_LINES=$(wc -l < /Users/ddrwode/code/vps_price/static/css/style.css)
echo "CSS 文件大小: $CSS_SIZE bytes ($CSS_LINES 行)"

echo ""
echo "=========================================="
echo "🎯 新增功能"
echo "=========================================="
echo ""
echo "1. ✨ 差异百分比显示"
echo "   - 显示与最优值的差距百分比"
echo "   - 例如：价格比最低贵 +15%"
echo ""
echo "2. 📊 视觉对比进度条"
echo "   - 配置越高，进度条越长"
echo "   - 颜色编码：绿色(最优) > 蓝色(良好) > 橙色(一般) > 红色(较差)"
echo ""
echo "3. 🎨 颜色编码系统"
echo "   - 🟢 绿色：最优值"
echo "   - 🔵 蓝色：良好值"
echo "   - 🟡 橙色：一般值"
echo "   - 🔴 红色：较差值"
echo ""
echo "4. 📋 横向对比表格"
echo "   - 2个以上方案自动显示表格视图"
echo "   - 列对列直接对比"
echo "   - 最优值高亮显示"
echo ""
echo "5. ⭐ 性价比评分"
echo "   - 综合价格和配置计算评分"
echo "   - 5星评分系统"
echo "   - 权重：价格40% + 内存30% + CPU20% + 存储10%"
echo ""
echo "=========================================="
echo "🚀 测试步骤"
echo "=========================================="
echo ""
echo "请访问: http://127.0.0.1:5001"
echo "强制刷新: Cmd + Shift + R (Mac) 或 Ctrl + Shift + R (Windows)"
echo ""
echo "测试清单："
echo "1. ☆ 点击 2-3 个方案的星标"
echo "2. 👀 查看右侧对比面板"
echo "3. 📊 检查进度条是否显示"
echo "4. 🔢 查看差异百分比（+X% 或 -X%）"
echo "5. 🎨 确认颜色编码（绿/蓝/橙/红）"
echo "6. 📋 查看横向对比表格"
echo "7. ⭐ 查看性价比星级评分"
echo "8. 🔄 切换货币查看价格更新"
echo ""