Quasar CLI with Webpack - @quasar/app-webpack
您的 Quasar 專案可以新增單元測試和端對端測試工具。本簡介不會詳細說明如何編寫和使用測試,如需了解更多資訊,請查閱 GitHub 上特別準備和維護的文件:testing repo at GitHub。如果您是初學者,請考慮閱讀「延伸閱讀」章節中的書籍。
High level overview
您可以執行簡單的命令,將多個預先配置好的測試工具安裝到現有的 Quasar 應用程式中。此命令會將節點模組(及其相依性)拉取並安裝到專案的 package.json
中,並視情況放置必要的設定檔,以及新增指令碼命令,以公開各個工具的部分功能。您可以新增多個工具,甚至可以將它們用於持續整合管線(如果適用)。
測試本身並不難。最複雜的部分是設定測試工具。訣竅在於知道要測試什麼。如果您是測試新手,絕對必須熟悉一些概念和模式。本文頁面末尾有一些延伸閱讀的連結。
Testing documentation
您可以在 https://testing.quasar.dev 或 dev
分支 的 quasar-testing repo 中找到測試 AE 的文件。
Installing
$ 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 來管理專案中的所有測試工具。現在情況已非如此,因為 它現在已被棄用。請改用上述命令。
Further Reading
Books
- Testing Vue.js Applications,由
@vue/test-utils
repo 的作者 Edd Yerburgh 撰寫 - Free Vue Testing Handbook