集成测试
您可以为 Quasar 项目添加单元测试和端到端测试。本文不会详细介绍如何编写测试,对此请参考 GitHub 上介绍测试的仓库。如果您是一个初学者,请考虑阅读下面 扩展阅读 部分中推荐的书籍。
概述
通过运行一个简单的命令,您可以为现有的 Quasar 项目安装多个预先装配好的测试套件。该命令会安装预先准备好的 node 模块并保存在 package.json
中,如果您选择了相关的配置,他还会生成合适的配置文件和命令脚本。您可以添加多个合适的测试套件,甚至将它们添加到持续集成流水线中。
测试本身并不难,最复杂的部分是配置测试套件。技巧在于知道要测试什么。如果您是测试的新手,那么熟悉一些概念和模式是绝对必要的。在本文档页面的末尾有一些可以进一步阅读的 链接。
测试文档
可以在 https://testing.quasar.dev 或 quasar-testing 仓库的 dev
分支 中找到 AE 测试文档。
可以在 quasar-testing 仓库的 qv1
分支 中找到兼容 Quasar v1 版本的 AE 测试文档。
安装
$ cd your-quasar-project
$ quasar ext add @quasar/testing
轻量级扩展安装程序将询问您要安装哪些测试套件。然后,它将为这些工具安装各自的扩展,您可以根据自己的喜好对它们进行配置。这就是如何在 Quasar 项目中理想地管理多个测试套件的方法。
它将为您提供一个新的 quasar run
命令,您可以使用它来执行测试运行程序,甚至可以与 HMR 开发环境同时运行。例如,如果您需要将 quasar.ctx 传递给测试程序,这种方法会非常有用…
# 示例:在 pwa 模式下同时运行 jest && dev server
$ quasar test --unit jest --dev="-m pwa"
如果需要回顾一下安装时的选项,可以查看 quasar.extsions.json
文件。
如果您不想安装 @quasar/testing,那么也可以直接手动安装每个测试套件,它们是完全相互独立的,但是这样就不会拥有 quasar test
命令了。
扩展阅读
书籍
- 测试 Vue.js 应用,作者 Yerburgh,也是
@vue/test-utils
仓库的作者。 - 免费 Vue 测试手册
教程
- 使用 Jest 对 Vue Router 进行单元测试
- … 在此添加您的推荐