首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何做前端单元测试

另外,报告显示超 80% 人认为单元测试可以有效的提高质量,超 60% 人使用过 Jest 去编写前端单元测试,超 40% 的人认为单元测试覆盖率是重要的且覆盖率应该大于 80%。...加入 jest.config.js 文件 module.exports = { // 是否显示覆盖率报告 collectCoverage: true, // 告诉 jest 哪些文件需要经过单元测试测试...jest.config.js 文件 module.exports = { collectCoverage: true, // 是否显示覆盖率报告 collectCoverageFrom: ['...toThorw 能够让我们测试被测试方法是否按照预期抛出异常 但是需要注意的是:我们必须使用一个函数将被测试的函数做一个包装,正如下面 getIntArrayWrapFn 所做的那样,否则会因为函数抛出错误导致该断言失败...fetchUser(); expect(data.name).toBe('moji') }) 这里你可能看到这样一条报错 这是因为 @babel/preset-env 不支持 async await 导致

3.2K20

如何自动化测试 React Native 项目 (下篇) - 单元测试

单元测试工具 - Jest & Enzyme Jest - Facebook Jest 是 Facebook 开源的 Javascript 测试框架,提供了许多好用的 API,先介绍下主要的优点: 自带...比如一个逻辑很复杂的组件, props可能是几个很复杂的 Object, 那么这个组件内部除了显示逻辑还包含了很多从这些 Object 中计算出需要显示的data的逻辑。...press'); // Assert正确的方法被调用, 并且传参正确 expect(Logger.log).toBeCalledWith('Button_Clicked'); 如果 press 事件导致...也就是把显示(views)和逻辑分开。 这样纯函数和函数式变成的优势就体现出来了,不仅code结构和层级变的清晰,编写和维护单元测试也变得简单了。...或者把 WWW API, Action Handler 和 reducer 集成起来, 保证 server 的数据和 client 是可兼容的, 防止mock的数据和 server 返回数据不一致导致的问题

3.2K21
领券