❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的前端學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2023. All rights reserved.
「Visual Testing」MOPCON 2022 逐字稿，歡迎搭配投影片與範例一同服用。
October 15, 2022 visual testing Storybook Percy MOPCON Mixtini Cypress Chromatic 自動化測試 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 視覺測試 visual regression testing Unit Test Jest Integration Test GitHub Actions GitHub End-to-End Testing cypress.io CI/CD 整合測試 單元測試 趨勢科技 Trend Micro pull request sharing · 留言
比較 Percy、Chromatic 與 jest-image-snapshot。
July 28, 2022 visual testing Chromatic Percy End-to-End Testing Storybook Cypress cypress.io visual regression testing 自動化測試 視覺測試 · 留言
Cypress + Docker + Chromatic ❤️
April 5, 2022 visual testing Docker Chromatic Cypress 自動化測試 視覺測試 End-to-End Testing 閱讀筆記 Cypress 讀書會 cypress.io visual regression testing 讀書會 · 留言
視覺測試 (visual testing) 是指利用工具自動檢測 UI 變更的一種測試方式。過去我們檢視 UI 的變更，常用的方法大致是 (1) 人眼 (截圖) 比對，比較本次更新與上一版或 mockup 的差異；(2) 工具 diff 由 unit test 或各種測試所產生的快照 (snapshot test)。但這兩種方式都無法很直覺很明確的在第一時間告訴我們到底改了什麼？若能產生指定頁面或元件的圖檔，並且標註更新的部份，這樣在 review 的時候，就更省時更便利了。
February 26, 2022 Percy Storybook visual testing Cypress 視覺測試 自動化測試 GitHub Actions visual regression testing CI/CD End-to-End Testing 讀書會 cron job cypress.io GitHub 閱讀筆記 Cypress 讀書會 · 留言
本文為「可測試的 JavaScript (Testable JavaScript)」第 6 章「整合 (Integration)、效能 (Performance) 以及負載 (Load) 測試」的閱讀筆記。
May 29, 2021 可測試的 JavaScript Testable JavaScript javascript 單元測試 自動化測試 整合測試 Cypress Lighthouse Unit Test Integration Test Chrome DevTools End-to-End Testing cypress.io 閱讀筆記 讀書會 · 留言