Quasar CLI with Webpack - @quasar/app-webpack
Quasar 项目支持添加单元测试和端到端测试套件。本文不会详细介绍如何编写和使用测试,详情请参阅 GitHub 上的测试仓库中专门准备和维护的文档。如果您是初学者,建议阅读下方"扩展阅读"部分推荐的书籍。
概述
通过运行一条简单的命令,您就可以为现有的 Quasar 项目安装多个预配置好的测试套件。该命令会将 node 模块(及其依赖)安装到项目的 package.json 中,放置必要的配置文件,并添加脚本命令以暴露相应套件的功能。您可以添加多个套件,甚至将它们用于持续集成流水线。
测试本身并不难,最复杂的部分在于配置测试套件。关键在于知道该测试什么。如果您是测试新手,务必先熟悉一些核心概念和模式。本页底部有一些扩展阅读链接。
测试文档
您可以在 https://testing.quasar.dev 或 quasar-testing 仓库的 dev 分支 中找到测试 AE 的文档。
安装
$ cd your-quasar-project
$ quasar ext add @quasar/testing-e2e-cypress
# or
$ quasar ext add @quasar/testing-unit-jest
# or
$ quasar ext add @quasar/testing-unit-vitestcontent_paste
这些扩展会安装对应的测试套件,您可以根据需要进行配置。 这是在 Quasar 项目中管理多个测试套件的推荐方式。 如果需要回顾安装时的选择,可以查看 quasar.extensions.json 文件。
注意:我们之前建议使用
@quasar/testingAE 来统一管理项目中的所有测试套件,但该方式已被弃用。请使用上述命令代替。
扩展阅读
书籍
- Testing Vue.js Applications,作者 Edd Yerburgh,也是
@vue/test-utils仓库的作者 - Free Vue Testing Handbook