首先!! 我們先來建立渲染Component的function (這邊用的會是es6的箭頭函式)
const setup=()=>shallow(<App/>);
這樣一來我們就可以在每個單元測試裡面去呼叫這個function來建立我們的wrapper了
由於我們在寫測試的時候,基本上都會去找某個節點來作動作,
所以我們可以將找節點這個動作寫成共用的funtion
const findByTestAttribute=(wrapper,value)=>wrapper.find(`[data-test='${value}']`);
第一個參數傳入的是我們渲染出來的Component wrapper,
第二個參數是我們要找的節點data-test屬性的值
(後面會有單獨一篇說明這個data-test到底是什麼東西~)
找節點的function寫完後,就不用每次都要寫用find去找了,
只要把我們的Wrapper跟data-test屬性的值傳進去function就好了~
這邊是小菜鳥想到常用的function把它們寫成共用的,
下一篇我們會來說明這個data-test屬性是什麼,及我們要怎麼來設置這個屬性的值,
再來就是從我們渲染出來的Component上取得節點啦~