顯示具有 mocha 標籤的文章。 顯示所有文章
顯示具有 mocha 標籤的文章。 顯示所有文章
2023年1月14日 星期六

第一個 Vue3 元件測試從 Vitest + Vue Test Utils 開始

›
延續「 mocha + webpack 的 Vue3 元件單元測試 」，既然使用 mocha 測試太卡關，這次安裝 Vitest 來試試看！ 一、安裝 先安裝 Vitest，另外 Vitest 需要使用 Node >=v14，並安裝 Vite >=v3.0....
2022年7月24日 星期日

mocha + webpack 的 Vue3 元件單元測試

›
先說結論，我認為 不適合 用 mocha 進行 vue3 單元測試( @vue/test-utils )，反覆查了很久的資料，相關的套件支援度不足等有重重的障礙，根據 @vue/test-utils 目前提供的測試範例，選擇 Vitest 會更適合。 完整程式碼上...
2022年2月22日 星期二

Cypress+Vue 元件測試 (component testing)

›
接續「 e2e 測試工具 Cypress 安裝及介紹 」，除了用在實際開啟瀏覽器的測試，cypress也支援元件測試，需要安裝相關的套件將元件render出來。 安裝 npm install --save-dev cypress @cypress/vue @cypress...
2022年1月31日 星期一

e2e 測試工具 Cypress 安裝及介紹

›
e2e測試(End-to-End testing)是模擬使用者的行為，實際打開瀏覽器操作頁面的測試方式，因此不限於vue, react的專案，e2e的測試可以反映出頁面在不同瀏覽器的執行情形。 Cypress便是其中一個常見工具，Cypress在安裝上簡單，語法採用 mocha...
2022年1月25日 星期二

js 單元測試套件 Macha+Chai (es6 語法 Babel 設定)

›
安裝 首先安裝 mocha ( 官網 )和 chai ( 官網 ) npm install mocha chai --save-dev chai 是一種斷言庫( Assertion Library)，mocha 不像是jest已經內建，可以自行決定要使用哪一種套件，...