你的Quasar项目有能力添加单元和e2e测试线束。这篇介绍将不涉及如何编写和使用测试的细节,为此请查阅GitHub的测试repo中专门准备和维护的文档。如果你是一个初学者,可以考虑阅读“进一步阅读”章节中的书籍。
高级概述
你可以通过运行一个简单的命令,将多个预操纵的测试线束安装到你现有的Quasar应用程序中。这个命令将拉动并安装一个节点模块(含依赖关系)到你的项目的package.json
中,适当地放置必要的配置文件,如果你选择的话,它还会添加脚本命令,暴露各自线束的一些功能。你可以添加多个线束,甚至将它们用于你的持续集成管道–视情况而定。
测试本身并不难。最复杂的部分是设置测试线束。诀窍在于知道要测试什么。如果你是测试的新手,绝对有必要让自己熟悉一些概念和模式。在本文档页面的末尾,有一些进一步阅读的链接。
测试文档
你可以在https://testing.quasar.dev,或者进入quasar-testing repo的dev
分支找到测试AE的文档。
你可以在quasar-testing repo的qv1
分支中找到与Quasar v1兼容的测试AE的文档。
安装
$ cd your-quasar-project
$ quasar ext add @quasar/testing
轻量级扩展安装程序会问你想安装哪些测试线束。然后它将为这些线束安装各自的扩展,你可以根据自己的需要进行配置。这就是在一个Quasar项目中管理多个测试线束的理想方式。
它将为你提供一个新的quasar run
命令,你可以用它来执行测试运行器–甚至同时执行你的HMR开发环境。例如,如果你需要将quasar.ctx传递给测试运行器,这种方法会很有帮助…
# Example to run jest && dev server in pwa mode
$ quasar test --unit jest --dev="-m pwa"
如果你需要审查你的选择,你可以看一下quasar.extensions.json
。
如果你不想安装辅助包,你不需要这样做。你可以单独安装每个测试马具应用扩展。它们是完全独立的,但你不会有quasar test
命令功能。
进一步阅读
书籍
- Testing Vue.js Applications by Edd Yerburgh, the author of the
@vue/test-utils
repo - Free Vue Testing Handbook
教程
- Unit Testing Vue Router with Jest
- … add your suggestions here