Chromatic

Visual Testing | MOPCON 2022 逐字稿

「Visual Testing」MOPCON 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 · 留言


Visual Testing:忽略特定元件

在動態內容的快照處理上有兩種方法,第一是事先塞入假資料,讓內容維持一致;第二是忽略這個會變動的元素區塊,本文要探討的是如何忽略特定元件。

visual testing Chromatic Storybook Mixtini 自動化測試 視覺測試 visual regression testing · 留言


Visual Testing:互動後的快照比對

若希望經過特定操作流程後,再做快照,可以嗎?

visual testing Chromatic Storybook Mixtini 自動化測試 視覺測試 visual regression testing · 留言


Visual Testing 工具比較:選誰好?

比較 Percy、Chromatic 與 jest-image-snapshot。

visual testing Chromatic Percy End-to-End Testing Storybook Cypress cypress.io visual regression testing 自動化測試 視覺測試 端對端測試 · 留言


在 Docker Container 跑 Visual Testing 之基本設定

Cypress + Docker + Chromatic ❤️

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


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

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

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