const http = require('http');

// 模拟 GraphQL 请求
function makeGraphQLRequest() {
  return new Promise((resolve, reject) => {
    const postData = JSON.stringify({
      query: `
        query GetActivities($page: Int!, $size: Int!) {
          activities(page: $page, size: $size) {
            content {
              id
              name
              signupDeadline
              playerCount
              playerMax
              state
              stateName
              coverImage {
                fullUrl
              }
            }
            totalElements
            totalPages
            number
            size
          }
        }
      `,
      variables: {
        page: 0,
        size: 10
      }
    });

    const options = {
      hostname: 'localhost',
      port: 8080,
      path: '/api/graphql',
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Content-Length': Buffer.byteLength(postData)
      }
    };

    const req = http.request(options, (res) => {
      let data = '';
      res.on('data', (chunk) => {
        data += chunk;
      });
      res.on('end', () => {
        try {
          const result = JSON.parse(data);
          resolve(result);
        } catch (e) {
          reject(e);
        }
      });
    });

    req.on('error', (e) => {
      reject(e);
    });

    req.write(postData);
    req.end();
  });
}

// 模拟小程序的 dataset 和事件处理
function simulateClickEvent(activityId) {
  console.log('\n=== 模拟点击事件 ===');
  console.log('活动ID:', activityId);
  console.log('活动ID类型:', typeof activityId);
  
  // 模拟 data-id 属性设置
  const dataId = activityId;
  console.log('data-id 设置为:', dataId);
  
  // 模拟事件对象
  const mockEvent = {
    currentTarget: {
      dataset: {
        id: dataId
      }
    }
  };
  
  // 模拟 onDetailTap 函数
  function onDetailTap(e) {
    const id = e.currentTarget.dataset.id;
    console.log('onDetailTap 获取到的 id:', id);
    console.log('id 类型:', typeof id);
    
    if (id) {
      goToActivityDetail(id);
    } else {
      console.log('❌ ID 为空或未定义');
    }
  }
  
  // 模拟 goToActivityDetail 函数
  function goToActivityDetail(activityId) {
    console.log('goToActivityDetail 接收到的 activityId:', activityId);
    console.log('activityId 类型:', typeof activityId);
    
    // 模拟 utils.navigateTo
    const params = { id: activityId };
    console.log('传递给详情页的参数:', params);
    
    // 模拟 URL 构建
    const url = '/pages/activity/detail';
    const queryString = Object.keys(params)
      .map(key => key + '=' + encodeURIComponent(params[key]))
      .join('&');
    const fullUrl = url + '?' + queryString;
    console.log('构建的完整 URL:', fullUrl);
    
    // 模拟详情页接收参数
    const urlParams = new URLSearchParams('?' + queryString);
    const receivedId = urlParams.get('id');
    console.log('详情页接收到的 id:', receivedId);
    console.log('详情页接收到的 id 类型:', typeof receivedId);
    
    return {
      url: fullUrl,
      params: params,
      receivedId: receivedId
    };
  }
  
  // 执行点击事件
  const result = onDetailTap(mockEvent);
  return result;
}

// 主函数
async function main() {
  try {
    console.log('开始测试活动ID和参数传递...\n');
    
    const result = await makeGraphQLRequest();
    
    if (result.data && result.data.activities && result.data.activities.content) {
      const activities = result.data.activities.content;
      console.log('获取到', activities.length, '个活动');
      
      activities.forEach((activity, index) => {
        console.log('\n--- 活动', index + 1, '---');
        console.log('ID:', activity.id);
        console.log('ID类型:', typeof activity.id);
        console.log('名称:', activity.name);
        console.log('状态:', activity.stateName);
        
        // 检查 ID 是否有效
        if (!activity.id) {
          console.log('❌ 警告：活动ID为空');
        } else if (typeof activity.id !== 'string' && typeof activity.id !== 'number') {
          console.log('❌ 警告：活动ID类型异常');
        } else {
          console.log('✅ 活动ID正常');
        }
        
        // 模拟点击事件
        simulateClickEvent(activity.id);
      });
      
      // 测试边界情况
      console.log('\n=== 测试边界情况 ===');
      console.log('\n1. 测试 undefined ID:');
      simulateClickEvent(undefined);
      
      console.log('\n2. 测试 null ID:');
      simulateClickEvent(null);
      
      console.log('\n3. 测试空字符串 ID:');
      simulateClickEvent('');
      
      console.log('\n4. 测试数字 ID:');
      simulateClickEvent(123);
      
    } else {
      console.log('❌ 未获取到活动数据');
      console.log('响应:', JSON.stringify(result, null, 2));
    }
    
  } catch (error) {
    console.error('❌ 请求失败:', error.message);
    if (error.code) {
      console.error('错误代码:', error.code);
    }
  }
}

main();