ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

e2e init 交互式向导完全解析:Web与Mobile两种模板怎么选

e2e init 交互式向导完全解析:Web与Mobile两种模板怎么选 e2e init 交互式向导完全解析Web与Mobile两种模板怎么选【免费下载链接】e2eNext generation e2e testing framework for web and mobile apps.项目地址: https://gitcode.com/GitHub_Trending/e2e6/e2ee2e 是开源的 AI 驱动端到端e2e测试框架一条npx e2e init即可启动交互式向导帮助你在WebPlaywright与MobileiOS/Android两种测试模板之间做出选择。本文带你完整走一遍这个向导的每个提问、生成哪些文件以及新手该如何在两种模板间做出正确决策。第一步运行 e2e init 启动向导在你的应用目录下执行支持 npm / pnpm / bun 三种包管理器npx e2e init向导会先在终端播放 e2e 的标志性开场动画然后按顺序向你提问。所有提问都发生在任何文件写入之前你可以随时按CtrlC取消且不会留下任何改动。向导共有 4 类问题见 packages/e2e/src/cli/init.ts选引擎Which engine?Web、MobileiOS/Android、或 None选模型网关model gateway用于 agent 智能体步骤的 AI 模型来源是否安装编码代理 skill 与 MCP 注册让 Claude Code、Cursor 等代理读懂 e2e确认变更清单并安装依赖逐项列出将创建/更新的文件你点头才动手 如果你不想回答任何问题可以加--yes参数向导会使用默认值Web 引擎 Vercel AI Gateway且不自动安装依赖。Web 模板Playwright 驱动的浏览器测试选择Web后向导会生成以下三样东西预设在 packages/e2e/src/cli/init/engines.tse2e.config.ts引入e2e-dev/web的web()引擎指向http://localhost:3000可用APP_URL环境变量覆盖或配置命令让 e2e 自己启动开发服务器tests/example.e2e.ts一个开箱即用的示例测试——打开首页并断言页面可见package.json新增e2e-dev/web依赖并添加test:e2e脚本执行e2e runWeb 引擎底层基于 Playwright支持 Chromium、Firefox 与 WebKit 三种浏览器也支持接入托管浏览器服务。官方提供了四个可直接运行的完整示例项目其中 examples/with-next/ 与 examples/with-vite/ 就是典型的 Web 模板落地Mobile 模板iOS 与 Android 模拟设备测试选择Mobile (iOS/Android)后向导会做两件贴心事自动选择平台检测到你在 macOS 上运行就默认配 iOS示例目标为系统设置 App 的Settings其他系统默认 Android示例目标为com.android.settings锁定单 worker写入workers: 1因为模拟设备资源宝贵不适合并发生成的e2e.config.ts会引入e2e-dev/mobile的mobile({ platform: ios | android })引擎。示例测试同样直接可跑——它打开系统设置并断言某个入口可见你还没装自己的 App 也能先验证环境。Mobile 引擎底层是 agent-device驱动 iOS 模拟器或 Android 模拟器环境检查可运行npx agent-device doctor。前提条件iOS 需要 Xcode 及模拟器运行时Android 需要 Android SDK。完整示例见 examples/with-swiftui/ 与 examples/with-expo/。Web vs Mobile一张表看懂怎么选维度Web 模板Mobile 模板引擎包e2e-dev/webPlaywrighte2e-dev/mobileagent-device目标定位方式app.url应用网址app.bundleId应用包名/Bundle ID页面上下文browser夹具 CSS 选择器screen夹具 设备选择器环境依赖只需浏览器Xcode / Android SDK 模拟器并发策略默认多 worker强制workers: 1运行前动作启动开发服务器或设APP_URL无需服务器直接拉起 App选择口诀测浏览器里的应用选 Web测真机/模拟器的 iOS、Android 应用选 Mobile只做纯 HTTP 接口测试或想自己写引擎则选 None向导会生成一个platform: custom的占位配置。模型网关怎么选AI 能力的开关向导第二个问题决定 agent 步骤agent.act/agent.assert由哪个模型驱动全部选项定义在 packages/e2e/src/cli/init/gateways.tsVercel AI Gateway默认一把 API Key 访问所有供应商读AI_GATEWAY_API_KEYOpenRouter读OPENROUTER_API_KEYOpenAI-compatible endpoint任选 Ollama、vLLM、LiteLLM 等本地/私有端点如http://127.0.0.1:11434/v1向导会追问 Base URL 并做格式校验订阅直连ChatGPT Plus/Pro、GitHub Copilot、OpenCode Console、SuperGrok——用你已有的订阅首次运行前执行e2e login登录即可无需 API KeyNone纯确定性测试不调用任何模型之后可随时补配注意即使选了None示例测试也照样能跑通——只有含 agent 步骤的测试才需要模型。向导背后的安全设计不改你一个现有文件e2e init是非破坏性的源码注释原文Every prompt happens before the first write, existing config and test files are never touched已有配置检测到e2e.config.ts或e2e.config.mts时只提示Exists, not touching不再询问引擎与网关已有测试tests/example.e2e.ts已存在则跳过应用确认写入前打印完整变更清单Create/Update 逐行列出你确认后才落盘.gitignore自动补入.e2e/下报告、录像、失败截图等产物条目只增不改非交互保护在无 TTY 的环境运行且未加--yes时向导直接报错退出而不是无限等待初始化之后三步跑通第一个测试向导结束时会用一行Next:告诉你后续动作典型顺序是安装依赖若之前跳过npm install模型登录仅订阅类网关如npx e2e login openai运行测试APP_URLhttp://localhost:3000 npx e2e run运行后 e2e 会下载浏览器或启动模拟器执行示例测试并写入.e2e/report.json。示例测试不含 agent 步骤所以此时无需登录、无需 API Key。想加入 AI 步骤在测试里补一行即可await agent.act(用自然语言描述一个目标); await agent.assert(对屏幕提出一个判断问题);完整上手路径含编码代理一键配置、订阅与 API Key 两种接法可参考官方文档 docs/quickstart.mdx。总结e2e init 交互式向导 3 个问题 0 风险 1 套可运行脚手架选Web浏览器端应用Playwright 三引擎指向你的应用 URL选MobileiOS/Android 应用模拟器驱动macOS 自动选 iOS模型网关按需选None 也能跑通确定性测试现有文件绝不改动取消零副作用--yes一键到底跑通示例测试后把tests/example.e2e.ts改成你的核心用户流程就拥有了第一条 AI 端到端测试。【免费下载链接】e2eNext generation e2e testing framework for web and mobile apps.项目地址: https://gitcode.com/GitHub_Trending/e2e6/e2e创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表