1 创建工程文件
创建一个做工程项目的文件夹 如:h5vue
2 cmd 进入文件 h5vue
3 输入如下命令
npm create vue@latest
也可以输入
npm create vite@latest
4 输入项目名称
项目名称:自已输入
回车
可以按键盘 a (全选)
回车:
Playwright
- 特点:支持所有主流浏览器,包括Chromium、WebKit和Firefox;提供无头模式和有头模式;具有自动等待元素和强大的网络控制能力;支持多种编程语言,如Python、Java、Node.js等。
- 使用场景:适用于自动化测试、爬虫和Web开发,特别适合需要高效自动化测试和生成测试报告的场景。
- 代码示例:展示了浏览器控制、文件处理、移动端适配等基础操作。
Cypress
- 特点:专注于前端测试,提供直观的API和开箱即用的功能;具有可视化测试运行器和自动等待机制;支持多种浏览器,包括Chrome、Firefox、Edge等。
- 使用场景:常用于Web应用的自动化测试和端到端测试,特别适合需要快速反馈和调试的场景。
- 代码示例:演示了测试用例的编写和组织,包括使用
.only()
和.skip()
来控制测试流程。
Nightwatch
- 特点:基于Node.js和Webdriver API,支持串行、并行和重试测试;提供清晰的语法和内置测试运行器;支持云测试集成和持续集成。
- 使用场景:适用于端到端自动化测试,特别适合需要扩展和自定义命令的场景。
- 代码示例:展示了如何检查元素的背景图像属性。
接下来,我将根据这些信息为用户提供关于Playwright、Cypress和Nightwatch的对比、使用场景推荐和代码示例。
根需要自已选择
创建完成:
5 VS-Code中需要的配置
左上角 终端》新建终端
6 运行项目