Quasar CLI 与 Webpack - @quasar/app-webpack
您的 Quasar 项目可以添加单元测试和端到端测试工具。本简介不会详细介绍如何编写和使用测试,如需了解这方面的信息,请查阅在 GitHub 上的测试仓库 中专门准备和维护的文档。如果您是初学者,可以考虑阅读“进一步阅读”部分中的一本书。
高级概述
您可以通过运行一个简单的命令,将多个预配置的测试工具安装到您现有的 Quasar 应用程序中。此命令将拉取并安装一个节点模块(及其依赖项)到项目的 package.json
中,根据需要放置必要的配置文件,并添加脚本命令以公开相应工具的一些功能。您可以添加多个工具,甚至可以根据需要将其用于您的持续集成管道。
测试本身并不难。最复杂的部分是设置测试环境。关键在于知道要测试什么。如果您是测试新手,绝对有必要熟悉一些概念和模式。本文档页面末尾提供了一些进一步阅读的链接。
测试文档
您可以在 https://testing.quasar.dev 找到测试 AE 的文档,或在 dev
分支 的 quasar-testing 仓库中找到。
安装
$ 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-vitest
content_paste
这些扩展程序将安装相应的测试环境,您可以根据需要进行配置。这正是如何在 Quasar 项目中理想地管理多个测试环境的方式。如果您需要查看安装选择,可以查看 quasar.extensions.json
。
请注意,我们之前建议使用
@quasar/testing
AE 来管理项目中的所有测试环境。这已不再适用,因为 它现在已弃用。请改用上述命令。
进一步阅读
书籍
- 测试 Vue.js 应用程序 由 Edd Yerburgh 撰写,他是
@vue/test-utils
仓库的作者 - 免费 Vue 测试手册