#!/bin/bash

echo "=========================================="
echo "🎯 VPS Price - 分屏对比功能测试"
echo "=========================================="
echo ""

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

# 检查 HTML 文件
if grep -q "comparison-panel" /Users/ddrwode/code/vps_price/templates/index.html; then
    echo "✓ HTML: 对比面板结构已添加"
else
    echo "✗ HTML: 对比面板结构缺失"
fi

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

echo ""

# 检查 CSS 文件
if grep -q "split-layout" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 分屏布局样式已添加"
else
    echo "✗ CSS: 分屏布局样式缺失"
fi

if grep -q "comparison-panel" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 对比面板样式已添加"
else
    echo "✗ CSS: 对比面板样式缺失"
fi

if grep -q "max-width: 1400px" /Users/ddrwode/code/vps_price/static/css/style.css; then
    echo "✓ CSS: 主容器宽度已调整"
else
    echo "✗ CSS: 主容器宽度未调整"
fi

echo ""

# 检查 JS 文件
if [ -f /Users/ddrwode/code/vps_price/static/js/main-comparison.js ]; then
    echo "✓ JS: main-comparison.js 已创建"
    
    if grep -q "renderComparison" /Users/ddrwode/code/vps_price/static/js/main-comparison.js; then
        echo "✓ JS: 对比渲染函数已实现"
    fi
    
    if grep -q "MAX_COMPARISON" /Users/ddrwode/code/vps_price/static/js/main-comparison.js; then
        echo "✓ JS: 对比数量限制已设置"
    fi
    
    if grep -q "toggleFavorite" /Users/ddrwode/code/vps_price/static/js/main-comparison.js; then
        echo "✓ JS: 收藏切换功能已实现"
    fi
else
    echo "✗ JS: main-comparison.js 未找到"
fi

echo ""

# 检查备份文件
if [ -f /Users/ddrwode/code/vps_price/static/js/main-enhanced.backup.js ]; then
    echo "✓ 备份: 原始文件已备份"
else
    echo "⚠ 备份: 未找到备份文件"
fi

echo ""

# 检查文档
if [ -f /Users/ddrwode/code/vps_price/COMPARISON_FEATURE.md ]; then
    echo "✓ 文档: 功能说明文档已创建"
else
    echo "✗ 文档: 功能说明文档缺失"
fi

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

echo "HTML 文件大小: $(wc -c < /Users/ddrwode/code/vps_price/templates/index.html) bytes"
echo "CSS 文件大小: $(wc -c < /Users/ddrwode/code/vps_price/static/css/style.css) bytes"
echo "JS 文件大小: $(wc -c < /Users/ddrwode/code/vps_price/static/js/main-comparison.js) bytes"

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. 点击任意方案的星标按钮 ☆"
echo "2. 查看右侧对比面板是否显示"
echo "3. 添加 2-3 个方案进行对比"
echo "4. 检查最优值是否绿色高亮"
echo "5. 点击对比卡片的 ✕ 按钮移除"
echo "6. 测试移动端响应式布局"
echo ""