為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
轉換為搭配 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
對外開放開發伺服器
Quasar CLI with Webpack - @quasar/app-webpack
Testing & Auditing

您的 Quasar 專案可以新增單元測試和端對端測試工具。本簡介不會詳細說明如何編寫和使用測試,如需了解更多資訊,請查閱 GitHub 上特別準備和維護的文件:testing repo at GitHub。如果您是初學者,請考慮閱讀「延伸閱讀」章節中的書籍。

High level overview

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

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

Testing documentation

您可以在 https://testing.quasar.dev 或 dev 分支 的 quasar-testing repo 中找到測試 AE 的文件。

測試 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

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

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

Further Reading

Books

Tutorials

Documentation