Architecting on AWS 筆記:雲端儲存服務 (Cloud Storage)

雲端儲存服務 (Cloud Storage)。

Architecting on AWS AWS 讀書會 閱讀筆記 趨勢科技 趨勢科技 Trend Micro


Architecting on AWS 筆記:運算資源 (Compute Service)

運算資源 (Compute Service)。

Architecting on AWS AWS Lambda 讀書會 閱讀筆記 趨勢科技 趨勢科技 Trend Micro


Architecting on AWS 筆記:Account Security

Account Security。

Architecting on AWS AWS 讀書會 閱讀筆記 趨勢科技 趨勢科技 Trend Micro


Architecting on AWS 筆記:基礎設施

AWS Modules 與基礎設施。

Architecting on AWS AWS 讀書會 閱讀筆記 趨勢科技 趨勢科技 Trend Micro CloudFront


在 Docker Container 跑 Visual Testing 之基本設定

Cypress + Docker + Chromatic ❤️

visual testing visual regression testing Docker Chromatic Cypress cypress.io 視覺測試 自動化測試 讀書會 End-to-End Testing 閱讀筆記


利用 Chromatic + Storybook 來做 Component-Level 的 Visual Testing

利用 Chromatic + Storybook 來做 Component-Level 的 Visual Testing。

visual testing visual regression testing Chromatic Storybook 視覺測試 自動化測試 CI/CD GitHub Actions 讀書會 閱讀筆記 Mixtini Percy Cypress


利用 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 閱讀筆記