110 lines
3.2 KiB
Bash
Executable File
110 lines
3.2 KiB
Bash
Executable File
#!/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 ""
|