Go-App WASM 测试方案

背景

WebUI 部分基于 Go-App 编译为 WASM 在浏览器中运行，单元测试和自动化调试存在以下难点：

• WASM 运行在浏览器环境，无法直接用标准 Go 测试
• 组件生命周期（OnMount, OnNav 等）需要模拟
• UI 渲染输出难以验证
• 异步操作（ctx.Async, ctx.Dispatch）测试复杂

测试工具概览

核心测试方法

1. 组件生命周期测试

func TestSearchPageOnMount(t *testing.T) {
    page := &SearchPage{}
    disp := app.NewClientTester(page)
    defer disp.Close()
    
    disp.Nav(&url.URL{Path: "/search"})
    disp.Consume()
    
    // 验证状态
}

2. UI 渲染测试

err := app.TestMatch(page, app.TestUIDescriptor{
    Path: app.TestPath(0),
    Expected: app.Div().Class("search-page"),
})

3. E2E 测试（Playwright）

page.Goto("http://localhost:8899")
page.Locator(".hero-search input").Fill("golang")
page.Locator(".hero-search input").Press("Enter")

参考资料

• Go-App 官方测试文档
• Playwright Go