鐵人賽終於來到了最後一天（撒花）！ 先來回朔過去 29 天的文章，呼應到 Day 1 前言所說明，想要以「認識軟體測試」、「前端（frontend）測試的重要...
設定 NodeJS 版本 昨天有說明可以在 Plugins 中下載 NodeJS，那麼今天要講解如何設定對應的 NodeJS 版本。 同樣在「資訊主頁」左側的「...
簡介 Jenkins Jenkins 是一個可以實現持續整合（Continuous Integration, CI）/持續交付或持續部署（Continuous...
從 Day 10 至 Day 26，談論了許多前端自動化測試的方向及方法。而若希望專案能夠有地方紀錄測試結果並能讓開發者對於測試結果一目瞭然，就需要將測試結果輸...
網頁無障礙測試（Accessibilty Testing），又稱親和性測試、可訪問性測試。 先來討論什麼是 Accessibilty？ Accessibilit...
今天要介紹視覺回歸測試的另一個工具 - Percy。 Percy 平台註冊帳號及建立專案 要使用 Percy，需先至平台註冊帳號： Percy 提供免費版，一...
昨天提到，目前已有許多測試工具支援視覺回歸測試，今天會詳細介紹如何使用其中一種測試工具，也就是 Day20 提到的 Cypress Plugin Snapsho...
視覺回歸測試（Visual Regression Testing），是在開發應用程式上，為確保每次更動 feature 後的介面，與前次視圖上的差異是否如預期。...
Performance insights 欲測試網站效能，可以使用 network 的 Performance insights。其提供 DCL（DOM Con...
要實作前端效能測試（Performance Testing）前，需要先知道什麼是「前端效能」？ 網頁前端效能關注的是「使用者在瀏覽器上使用網站所感受到的網站加載...
介紹完 Cypress 使用方法後，由於它真的是一個上手難度低且非常好用的端對端測試框架，今天要來介紹好用的外掛。 Cypress Real Events 鑑於...
昨天簡介如何安裝 cypress、將 GUI 介面跑起來，並說明各個資料夾的意義。今天要來簡介 cypress 撰寫端對端測試的方法。 抓取元素 在抓取 DOM...
Cypress 的 官方文件 寫得頗詳細。首先在專案中安裝 Cypress： npm install cypress --dev-save 接著，開啟它的圖形...
依照前端測試金字塔的理論而言，若有時間應該先寫單元測試、整合測試，然後才是端對端測試。優先從小錯誤排除，最後才是模擬真實使用者體驗。 撰寫端對端測試案例，需要花...
今天要講前端測試金字塔頂層的端對端測試（E2E test）。端對端測試與前端整合測試的差異在於: 框架的選用前端整合測試使用 Jest、Mocha.js 等...
整合測試關注各個 components 的功能性，也關注 components 之間的協同整合是否達到產品規格書上的預期。因為需要針對「不同 component...
整合測試（Integration Test）與單元測試的區別如其字面上意思。整合測試是針對多個單元測試之間的交互進行測試。通常也使用 Jest、Mocha.js...
會有測試替身的出現，要先介紹「被測試目標」（SUT, System Under Test）與「被依賴組件」（DOC, Depended-on Component...
Mocha.js（官方文件） 是一個專為 Node.js 設計的 JavaScript 測試框架。其不具備斷言庫。一般常見熱門的搭配是使用 Chai 斷言庫。亦...
今天要來簡介一下最廣為使用的測試框架 - Jest。其 官方文件 寫得十分平易近人。 安裝與運行 首先，於專案中安裝 jest。npm install --sa...
單元測試（Unit Test）是對程式的最小單位進行測試。測試程式的最小單位(例如: 一個函式)。輸入值與輸出值是否如預期。藉由撰寫單元測試，可以最小單位的發現...
昨天我們在前端測試金字塔中提到三種類型的測試。而除了單元測試、整合測試、端對端測試，還有些常見的前端測試。 驗收測試（Acceptance Testing)...
前兩天講了「為什麼（Why）」、「面臨什麼挑戰（What）」。接著該來講述實踐前端自動化測試的原則及方法（How）。 敏捷軟體開發方法學提倡者 Robert C...
前端自動化測試面臨許多挑戰。 範疇廣而時間有限 首先，要測試的範疇太廣泛，舉凡 UI、效能、易用性、功能、跨裝置...。但撰寫測試的時間有限，需要排出優先順序，...
使用者體驗日益受重視 邁入 2023 的今天，使用者越來越注重軟體產品的使用者體驗，舉凡畫面設計、流程、效能、網頁樣式加載速度。前端工程師職缺大量釋出的同時，前...
手動測試（Manual Testing）與自動化測試（Automation Testing）是非常直覺可以理解的兩個詞彙。為什麼需要盡量減少手動測試，並轉換成自...
承接 Day 3 提到的 Alpha 測試、Beta 測試，一種常見的誤解是認為「Alpha 測試 = 白箱測試，Beta 測試 = 黑箱測試」，這個是錯誤的觀...
軟體測試週期（life cycle）通常分為三種：Alpha、Beta、Gamma，與之對應的會產生不同週期的版本，所以也有軟體版本週期之說。 Alpha(α)...
所謂的軟體測試，就是去比較「實際產出」與「預期產出」之間的差異。藉由定義一組「規定的條件」。來評估程式撰寫正確與否、產品品質是否達標以及設計是否符合使用者或規格...
近年來，TDD（Test-Driven Development）觀念興起，加上許多公司開始跑 SCRUM，測試成為當中一個重要的流程。新創公司對於前/後端工程師...
Boolean Cat
iThome鐵人賽
看影片追技術