鐵人檔案
開頭，大家都希望自己的元件或者是功能能達到robust的境界，偏偏我們常常沒有時間寫或是覺得很難，加上之前公司使用的enzyme支援度也沒有到很高．所以趁這次好好學習，如果時間許可的話，希望能為Cypress寫個幾篇篇幅．
A lie would have no sense unless the truth were felt as dangerous Alfred Adler...
Hi 大家好～ 在這邊平常我列出我最近想學跟正在學的一些技術 React Testing Library Cypress(如果有時間摸的話) 雖然寫程式大家...
Mock What's mock? 先想像一個畫面，當我們要隔離我們的元件時，一個component裡面有諸多事件(event)，不管是點選抓資料或者是useE...
BeforeAll、BeforeEach、AfterEach、AfterAll 的四個生命週期，這四個牽扯到一個重點scope(範疇)，每一隻測試檔案都有loc...
這篇是在講React的測試，所以就拿個幾天篇幅來講hooks，React在v16.8之後開始支援hook，那就拿一些較常用的hook來介紹吧． TL;DR us...
useEffect 在class component時，分別有三個生命週期componentDidUpdate、componentDidMount、compo...
useContext 今天來説說useContext，這個東西可以做成破產版的redux ，主要功能是建立一個global的樹避免產生一個'Props Hell...
Jest-Dom 以及接下來的主角React-Testing-Library 在做測試時，我們需要針對特定的dom node去query來驗證dom是否有做改變...
小弟fireEvent 與大哥user.event 各位在做測試時一定會遇到需要跟網頁互動的一些行為，例如資料輸入..等等 那這時候我們來模擬建立一個輸入來做測...
測試的小知識 搜尋方法 大家可以常常在test case裡面看到多種搜尋目標元素的方式，我列出以下的搜尋方式 get find query 從我列的幾點，大...
