godot-web-e2e
Godot Web E2e
Overview
Verify Godot gameplay in Web exports using Chrome DevTools only. Export, serve, open in Chrome, focus the canvas, inject input events via DevTools tools, and confirm outcomes via console logs or visible state changes. This skill is project-agnostic; fill in paths, export preset names, and ports for the current project.
Workflow
1) Export Web build
Locate the Godot executable and the project path. Identify the Web export preset name from export_presets.cfg (e.g., Web).
Run:
godot --headless --path "<PROJECT_PATH>" --export-release "<WEB_PRESET_NAME>" "<WEB_EXPORT_PATH>"
2) Serve the build
Run from the export directory (the folder containing the HTML/JS/WASM):
python -m http.server <PORT>
3) Open in Chrome DevTools
Open:
http://localhost:<PORT>/<EXPORT_HTML_FILENAME>
Use Chrome DevTools tools to:
- Focus canvas.
- Send input (press/hold keys).
- Read console logs for movement/blocking/transport/respawn confirmation.
4) Required validation signals
Confirm at least one of each category in DevTools Console:
- Movement: any position/velocity/animation log shows a change after left/right input.
- Blocking/Action: state toggles after block/action input.
- Transport/Transition: log shows section/scene switch.
- Respawn/Restart: log indicates respawn or restart completed.
5) Cleanup
Stop any python -m http.server processes started for the test.
Rules
- Use Chrome DevTools for E2E input checks.
- Do NOT use in-game auto input scripts or WebInputTest as a substitute.
More from chen19007/my_skills
godot-verify
|
22godot-tdd
Godot TDD(测试驱动开发)流程总控,协调 godot-design、godot-dev、godot-test、godot-verify 完成开发闭环。
2godot-tdd-full
Complete TDD workflow for Godot projects. Integrates interface design, GUT testing, code implementation, and verification tools.
2godot-test
|
2godot-dev
|
2godot-design
Godot GDScript 接口设计规范与指导,强调 TDD 友好、可测试、可维护的设计原则。
2