技術 Day 3-何時用單元測試？在這之前，要先釐清除了單元測試以外的測試 (基礎-2)

單元測試的好朋友—整合測試 (Integration Test) 在昨天 Day 2-什麼是單元測試及何謂優秀的單元測試？ (基礎-1) 曾提到早期的測試開發，...

技術 [Day 20] 理解端對端測試（五）－ 一些好用的 Cypress 外掛

介紹完 Cypress 使用方法後，由於它真的是一個上手難度低且非常好用的端對端測試框架，今天要來介紹好用的外掛。 Cypress Real Events 鑑於...

技術 [Day 18] 理解端對端測試（三）－ 簡介 Cypress

Cypress 的 官方文件 寫得頗詳細。首先在專案中安裝 Cypress： npm install cypress --dev-save 接著，開啟它的圖形...

技術 [Day 16] 理解端對端測試（ㄧ）

今天要講前端測試金字塔頂層的端對端測試（E2E test）。端對端測試與前端整合測試的差異在於: 框架的選用前端整合測試使用 Jest、Mocha.js 等...

技術 [Day 17] 理解端對端測試（二）－ 何時該寫端對端測試

依照前端測試金字塔的理論而言，若有時間應該先寫單元測試、整合測試，然後才是端對端測試。優先從小錯誤排除，最後才是模擬真實使用者體驗。 撰寫端對端測試案例，需要花...

技術 [Day 19] 理解端對端測試（四）－ Cypress 使用方法

昨天簡介如何安裝 cypress、將 GUI 介面跑起來，並說明各個資料夾的意義。今天要來簡介 cypress 撰寫端對端測試的方法。 抓取元素 在抓取 DOM...