前面我們有大概提到Enzyme的優點及作用~
這篇我們要直接來安裝Enzyme和導入Enzyme來供我們後續的測試作使用!
由於Enzyme 不會在建立專案的時候產生,所以必須另外安裝。
總共需要安裝三個packages
首先! 先執行以下指令來安裝上述三個套件吧~
npm install --save-dev enzyme jest-enzyme enzyme-adapter-react-16/@wojtekmaj/enzyme-adapter-react-17
安裝完畢以後,開啟App.test.js,我們要試著導入Enzyme和適配器,
並建立一個適配器給Enzyme使用
import Enzyme 及 剛剛所安裝的非官方適配器
import Enzyme from 'enzyme';
import EnzymeAdapter from '@wojtekmaj/enzyme-adapter-react-17';
建立一個新的Enzyme適配器
Enzyme.configure({adapter:new EnzymeAdapter()});
這一篇,稍微簡略一點點,只有安裝跟導入的部分,
其實對小菜鳥來說 Enzyme的定位就是 Test 裡面的 jquery的概念,
大概是 js <-> jquery
然後 Jest <-> Enzyme
下一篇我們要來用我們導入的東西來寫一個小小小測試。
一切到這邊都還算....容易理解吧!? 希望是這樣啦~(//●⁰౪⁰●)//