鐵人檔案
簡述「測試」這件事，並帶到「前端網頁測試」的重要性、測試方向及方法。
前端工程師會進入的產業很多元，有的公司具備專門的 QA，有的公司則仰賴網頁開發者進行手動、自動化測試。手動測試憑藉肉眼去觀察測試結果並自行撰寫測試報告，非常耗費時間。如果把前端的測試都導向自動化，可以節省開發成本，也可以讓開發者藉由提前知道測試需求來改善開發方向。
要實作前端效能測試（Performance Testing）前，需要先知道什麼是「前端效能」？ 網頁前端效能關注的是「使用者在瀏覽器上使用網站所感受到的網站加載...
Performance insights 欲測試網站效能，可以使用 network 的 Performance insights。其提供 DCL（DOM Con...
視覺回歸測試（Visual Regression Testing），是在開發應用程式上，為確保每次更動 feature 後的介面，與前次視圖上的差異是否如預期。...
昨天提到，目前已有許多測試工具支援視覺回歸測試，今天會詳細介紹如何使用其中一種測試工具，也就是 Day20 提到的 Cypress Plugin Snapsho...
今天要介紹視覺回歸測試的另一個工具 - Percy。 Percy 平台註冊帳號及建立專案 要使用 Percy，需先至平台註冊帳號： Percy 提供免費版，一...
網頁無障礙測試（Accessibilty Testing），又稱親和性測試、可訪問性測試。 先來討論什麼是 Accessibilty？ Accessibilit...
從 Day 10 至 Day 26，談論了許多前端自動化測試的方向及方法。而若希望專案能夠有地方紀錄測試結果並能讓開發者對於測試結果一目瞭然，就需要將測試結果輸...
簡介 Jenkins Jenkins 是一個可以實現持續整合（Continuous Integration, CI）/持續交付或持續部署（Continuous...
設定 NodeJS 版本 昨天有說明可以在 Plugins 中下載 NodeJS，那麼今天要講解如何設定對應的 NodeJS 版本。 同樣在「資訊主頁」左側的「...
鐵人賽終於來到了最後一天（撒花）！ 先來回朔過去 29 天的文章，呼應到 Day 1 前言所說明，想要以「認識軟體測試」、「前端（frontend）測試的重要...
