您的 Quasar 專案可以新增單元和 e2e 測試工具。本簡介不會詳細介紹如何編寫和使用測試，如需了解，請參閱 GitHub 上測試儲存庫中特別準備和維護的文件。testing repo at GitHub 如果您是初學者，請考慮閱讀「延伸閱讀」章節中的書籍。

高階概述

您可以透過執行簡單的命令，將多個預先配置的測試工具安裝到現有的 Quasar 應用程式中。此命令會將節點模組 (及其相依性) 拉取並安裝到專案的 package.json 中，並在適當位置放置必要的設定檔，以及新增公開各個工具部分功能的腳本命令。您可以新增多個工具，甚至將它們用於持續整合管線 - 在適當情況下。

測試本身並不困難。最複雜的部分是設定測試工具。訣竅在於知道要測試什麼。如果您是測試新手，那麼絕對必須熟悉一些概念和模式。本文頁面末尾有一些延伸閱讀的連結。

測試文件

您可以在 https://testing.quasar.dev 或 dev branch of quasar-testing repo 中找到測試 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-vitest

這些擴充功能將安裝各自的工具，您可以根據自己的喜好進行配置。這是在 Quasar 專案中理想管理多個測試工具的方式。如果您需要查看安裝選項，可以查看 quasar.extensions.json。

請注意，我們之前建議使用 @quasar/testing AE 來管理專案中的所有測試工具。現在情況已非如此，因為 it is now deprecated。請改用上述命令。

延伸閱讀

書籍

• Testing Vue.js Applications by Edd Yerburgh, the author of the @vue/test-utils repo
• 免費 Vue 測試手冊

教學課程

• 使用 Jest 進行 Vue Router 單元測試

文件

• @vue/test-utils
• jest 24
• cypress
• lighthouse
• snyk
• nlf
• chai
• istanbul