GitHub

利用 Cypress 與 Percy 來做 Visual Testing

視覺測試 (visual testing) 是指利用工具自動檢測 UI 變更的一種測試方式。過去我們檢視 UI 的變更,常用的方法大致是 (1) 人眼 (截圖) 比對,比較本次更新與上一版或 mockup 的差異;(2) 工具 diff 由 unit test 或各種測試所產生的快照 (snapshot test)。但這兩種方式都無法很直覺很明確的在第一時間告訴我們到底改了什麼?若能產生指定頁面或元件的圖檔,並且標註更新的部份,這樣在 review 的時候,就更省時更便利了。

visual testing visual regression testing Cypress Percy CI/CD GitHub Actions End-to-End Testing 視覺測試 自動化測試 讀書會 cron job cypress.io GitHub Storybook 閱讀筆記 · 留言


約定式提交 Conventional Commits

由於最近發現團隊內(到底從哪兒來的)的工程師會開始提交一些不知所云的提交描述,因此開始讓專案使用「約定式提交」(conventional commits)。

約定式提交 conventional commits GitHub code review git pull request 語意化版本 semantic versioning · 留言


Google 教我如何面對 Code Review

每天我都要被 code review 很多次,而如何準備 code review 時需要的內容與心態呢?這篇文章是我閱讀 Google 的「The CL author’s guide to getting through code review」的筆記還有自己的小感想。

code review 閱讀筆記 pull request GitHub · 留言