顯示具有 Cypress 標籤的文章。 顯示所有文章
顯示具有 Cypress 標籤的文章。 顯示所有文章
2023年3月11日 星期六

原始碼解析 create-vue 快速建立 Vue 專案

›
Vue 可以透過下面的指令，接著詢問一系列的問題，按照設定快速初始一個專案。(目前版本為 3.6.1) npm init vue@latest 實際是執行這個 create-vue ，想透過原始碼的解析，來了解怎麼樣做一個類似的功能，這個專案架構是如何、如何達成建立專案的...
2022年9月28日 星期三

[E2E Testing] 如何從 cypress 9 升級 10

›
使用 cypress 進行 E2e Testing，針對比較常用的部分整理從 Cypress 9 升級到 10 一些異動，最大的差別是不再支援 cypress.json ，並移除了 plugins 目錄。 安裝 cypress 10 npm install --sa...
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...