写测试时,我们基本需要三样东西
我们先拿App.test.js来做个小测试,所以打开App.test.js ~
首先 ! 我们要先import上述三样基本东西
import Enzyme,{shallow} from 'enzyme';
import EnzymeAdapter from '@wojtekmaj/enzyme-adapter-react-17';
接着我们要告诉Enzyme我们要用的适配器是什麽版本的
Enzyme.configure({adapter:new EnzymeAdapter()});
再来,就可以开始写我们的测试了 ,
我们先来个简单的 ! 来测试看看我们的App是不是正常渲染出画面。
首先,用Jest里的test function来建立一个测试
test('renders App', () => {
});
接下来我们就要写测试的内容了,将我们渲染的App装在一个常数里
test('renders learn react link', () => {
const wrapper= shallow(<App/>);
});
然後就可以在我们的专案目录下执行 npm test
如果passed,那代表测试跑成功罗!
Shallow 底下有个function => debug() 可以把DOM用文字的方式显示出来
wrapper.debug();
下一篇! 我们要来说明前面提到的Enzyme的两个渲染API,及几个JEST的function,
还有两个写测试的诀窍~撑住啊!!! 下一篇就进入到一半了~
<<: AI ninja project [day 14] 文字处理--分类
在默认情况下 NgModules 都是急切加载的,这意味着一但应用程序加载,所有的 NgModule...
大家好! 今天我们要实作网页的深浅色模式。 我们进入今天的主题吧! 样式 body { backgr...
创建App-现界面与连接 经过了十五天的努力,现在就来看看现有的界面功能吧,我依照功能来区分:登入、...
续角色介绍,但也是快要没梗,只能说真正有趣的会是几个Vivy经历过的事件扭转,如果透过AWS相关服务...
大家好! 昨天的储存容量和储存装置,有没有更容易理解原始型别和物件型别的差异呢? 我们进入今天的主题...