// 测试注册页面修复
|
// 模拟小程序环境和registration.js的关键逻辑
|
|
// 模拟微信小程序API
|
const wx = {
|
showToast: (options) => console.log('Toast:', options.title),
|
showModal: (options) => {
|
console.log('Modal:', options.title, '-', options.content)
|
if (options.success) {
|
options.success({ confirm: true })
|
}
|
},
|
navigateBack: () => console.log('Navigate back')
|
}
|
|
// 模拟GraphQL请求
|
const graphqlRequest = async (query, variables) => {
|
console.log('GraphQL Request:', { query: query.substring(0, 50) + '...', variables })
|
|
// 添加延迟模拟网络请求
|
await new Promise(resolve => setTimeout(resolve, 100))
|
|
// 模拟不同的响应情况
|
if (variables.id === 'invalid') {
|
return { data: null }
|
} else if (variables.id === 'error') {
|
throw new Error('Network error')
|
} else {
|
return {
|
data: {
|
activity: {
|
id: variables.id,
|
title: '测试活动',
|
description: '测试活动描述',
|
registrationRequirements: '测试要求',
|
isTeamActivity: false,
|
maxTeamSize: 1,
|
requiredFields: ['name', 'phone'],
|
allowedFileTypes: ['jpg', 'png'],
|
maxFileSize: 10485760
|
}
|
}
|
}
|
}
|
}
|
|
// 模拟页面数据
|
class RegistrationPage {
|
constructor() {
|
this.data = {
|
activityId: null,
|
activity: null,
|
loading: false,
|
isSubmitting: false,
|
formData: {
|
name: '测试用户',
|
phone: '13800138000',
|
gender: '男',
|
regionId: '1'
|
}
|
}
|
}
|
|
setData(newData) {
|
Object.assign(this.data, newData)
|
console.log('Data updated:', Object.keys(newData))
|
}
|
|
// 加载活动信息（修复后的版本）
|
async loadActivityInfo() {
|
try {
|
this.setData({ loading: true })
|
|
const query = `
|
query GetActivity($id: ID!) {
|
activity(id: $id) {
|
id
|
title
|
description
|
registrationRequirements
|
isTeamActivity
|
maxTeamSize
|
requiredFields
|
allowedFileTypes
|
maxFileSize
|
}
|
}
|
`
|
|
const result = await graphqlRequest(query, { id: this.data.activityId })
|
|
if (result.data && result.data.activity) {
|
this.setData({
|
activity: result.data.activity
|
})
|
|
console.log('Activity loaded successfully:', result.data.activity.title)
|
} else {
|
// 活动信息不存在或加载失败
|
wx.showModal({
|
title: '提示',
|
content: '活动信息不存在或已失效',
|
showCancel: false,
|
success: () => {
|
wx.navigateBack()
|
}
|
})
|
}
|
} catch (error) {
|
console.error('加载活动信息失败:', error)
|
wx.showModal({
|
title: '加载失败',
|
content: '网络连接异常，请检查网络后重试',
|
showCancel: true,
|
cancelText: '返回',
|
confirmText: '重试',
|
success: (res) => {
|
if (res.confirm) {
|
console.log('用户选择重试')
|
} else {
|
wx.navigateBack()
|
}
|
}
|
})
|
} finally {
|
this.setData({ loading: false })
|
}
|
}
|
|
validateForm() {
|
return true // 简化验证
|
}
|
|
// 提交方法（修复后的版本）
|
async onSubmit() {
|
if (this.data.isSubmitting) return
|
|
// 检查活动信息是否加载完成
|
if (!this.data.activity || !this.data.activity.id) {
|
wx.showToast({
|
title: '活动信息加载中，请稍后重试',
|
icon: 'none'
|
})
|
return
|
}
|
|
// 表单验证
|
if (!this.validateForm()) {
|
wx.showToast({
|
title: '请检查表单信息',
|
icon: 'none'
|
})
|
return
|
}
|
|
this.setData({ isSubmitting: true })
|
|
try {
|
const { formData } = this.data
|
const activityId = this.data.activity.id
|
|
console.log('Submitting registration for activity:', activityId)
|
|
// 模拟提交成功
|
wx.showToast({
|
title: '报名成功',
|
icon: 'success'
|
})
|
|
} catch (error) {
|
console.error('提交失败:', error)
|
wx.showToast({
|
title: error.message || '提交失败，请重试',
|
icon: 'none'
|
})
|
} finally {
|
this.setData({ isSubmitting: false })
|
}
|
}
|
}
|
|
// 测试场景
|
async function runTests() {
|
console.log('=== 测试注册页面修复 ===\n')
|
|
// 测试1: 正常情况
|
console.log('测试1: 正常加载活动信息')
|
const page1 = new RegistrationPage()
|
page1.data.activityId = '123'
|
await page1.loadActivityInfo()
|
await page1.onSubmit()
|
console.log('')
|
|
// 测试2: 活动不存在
|
console.log('测试2: 活动信息不存在')
|
const page2 = new RegistrationPage()
|
page2.data.activityId = 'invalid'
|
await page2.loadActivityInfo()
|
await page2.onSubmit()
|
console.log('')
|
|
// 测试3: 网络错误
|
console.log('测试3: 网络连接错误')
|
const page3 = new RegistrationPage()
|
page3.data.activityId = 'error'
|
await page3.loadActivityInfo()
|
await page3.onSubmit()
|
console.log('')
|
|
// 测试4: 活动未加载时提交
|
console.log('测试4: 活动信息未加载时提交')
|
const page4 = new RegistrationPage()
|
await page4.onSubmit()
|
console.log('')
|
|
console.log('=== 测试完成 ===')
|
}
|
|
runTests().catch(console.error)
|
