const axios = require('axios');

// 模拟小程序端的数据获取和处理流程
async function testMiniprogramDataFlow() {
    console.log('🔍 测试小程序端数据获取和处理流程...\n');
    
    const BASE_URL = 'http://localhost:8080/api/graphql';
    
    try {
        // 1. 模拟小程序端的 GraphQL 查询（与首页完全一致）
        console.log('📋 步骤1: 执行与小程序首页完全一致的GraphQL查询...');
        const query = `
            query getActivities($page: Int!, $size: Int!, $name: String) {
                activities(page: $page, size: $size, name: $name) {
                    content {
                        id
                        name
                        description
                        coverImage {
                            id
                            name
                            path
                            fullUrl
                            fullThumbUrl
                            mediaType
                        }
                        signupDeadline
                        matchTime
                        address
                        playerMax
                        state
                        stateName
                        playerCount
                    }
                    totalElements
                    page
                    size
                }
            }
        `;
        
        const variables = {
            page: 1,
            size: 10,
            name: null
        };
        
        const response = await axios.post(BASE_URL, {
            query: query,
            variables: variables
        }, {
            headers: {
                'Content-Type': 'application/json'
            }
        });
        
        if (response.data.errors) {
            console.error('❌ GraphQL错误:', response.data.errors);
            return;
        }
        
        const activities = response.data.data.activities.content;
        console.log(`✅ 获取到 ${activities.length} 个比赛活动\n`);
        
        // 2. 模拟小程序端的数据处理逻辑
        console.log('📋 步骤2: 模拟小程序端数据处理...');
        let newActivities = activities;
        
        // 调试：输出报名截止原始值（与小程序代码一致）
        console.log('活动原始报名截止:', newActivities.map(a => ({ 
            id: a.id, 
            name: a.name, 
            signupDeadline: a.signupDeadline 
        })));
        
        // 为每个活动添加名称文字（与小程序代码一致）
        newActivities = newActivities.map(activity => ({
            ...activity,
            nameText: (activity.name || '活动').substring(0, 2)
        }));
        
        console.log('\n📋 步骤3: 模拟小程序端时间格式化...');
        
        // 3. 模拟 wxs 格式化函数
        function formatDateYYYYMMDD_wxs(val) {
            var s = '' + val;
            if (s.length < 10) {
                return '—';
            }
            if (s.charAt(4) === '-' && s.charAt(7) === '-') {
                return s.slice(0, 10);
            }
            if (s.charAt(4) === '/' && s.charAt(7) === '/') {
                var year = s.slice(0, 4);
                var month = s.slice(5, 7);
                var day = s.slice(8, 10);
                return year + '-' + month + '-' + day;
            }
            return '—';
        }
        
        // 4. 对每个活动进行格式化测试
        console.log('🎯 每个活动的时间格式化结果:');
        console.log('─'.repeat(80));
        console.log('ID'.padEnd(5) + '活动名称'.padEnd(15) + '原始signupDeadline'.padEnd(20) + '格式化结果'.padEnd(15) + '状态');
        console.log('─'.repeat(80));
        
        newActivities.forEach(activity => {
            const formatted = formatDateYYYYMMDD_wxs(activity.signupDeadline);
            console.log(
                String(activity.id).padEnd(5) +
                (activity.name || '').substring(0, 12).padEnd(15) +
                (activity.signupDeadline || '').padEnd(20) +
                formatted.padEnd(15) +
                activity.stateName
            );
        });
        
        console.log('─'.repeat(80));
        
        // 5. 检查是否所有格式化结果都相同
        const formattedResults = newActivities.map(a => formatDateYYYYMMDD_wxs(a.signupDeadline));
        const uniqueResults = [...new Set(formattedResults)];
        
        console.log('\n🔍 格式化结果分析:');
        console.log(`总共 ${formattedResults.length} 个活动`);
        console.log(`唯一的格式化结果: ${uniqueResults.join(', ')}`);
        
        if (uniqueResults.length === 1 && formattedResults.length > 1) {
            console.log('❌ 发现问题：所有活动的格式化结果都相同！');
            console.log('这可能是缓存问题或数据绑定问题');
        } else {
            console.log('✅ 格式化结果正常，每个活动都有不同的日期');
        }
        
        // 6. 检查原始数据是否有问题
        console.log('\n🔍 原始数据检查:');
        const originalDates = newActivities.map(a => a.signupDeadline);
        const uniqueOriginalDates = [...new Set(originalDates)];
        
        console.log(`原始日期唯一值: ${uniqueOriginalDates.join(', ')}`);
        
        if (uniqueOriginalDates.length === 1 && originalDates.length > 1) {
            console.log('❌ 发现问题：后端返回的所有活动日期都相同！');
        } else {
            console.log('✅ 后端返回的日期数据正常');
        }
        
        // 7. 模拟小程序端可能的缓存问题
        console.log('\n🔍 检查可能的缓存问题:');
        
        // 再次请求相同的数据
        const response2 = await axios.post(BASE_URL, {
            query: query,
            variables: variables
        }, {
            headers: {
                'Content-Type': 'application/json'
            }
        });
        
        const activities2 = response2.data.data.activities.content;
        
        // 比较两次请求的结果
        const dates1 = activities.map(a => a.signupDeadline);
        const dates2 = activities2.map(a => a.signupDeadline);
        
        const isIdentical = JSON.stringify(dates1) === JSON.stringify(dates2);
        console.log(`两次请求结果是否一致: ${isIdentical ? '✅ 一致' : '❌ 不一致'}`);
        
        if (!isIdentical) {
            console.log('第一次请求日期:', dates1);
            console.log('第二次请求日期:', dates2);
        }
        
    } catch (error) {
        console.error('❌ 测试失败:', error.message);
        if (error.response) {
            console.error('响应状态:', error.response.status);
            console.error('响应数据:', error.response.data);
        }
    }
}

// 运行测试
testMiniprogramDataFlow();