React测试

最新推荐文章于 2024-07-25 07:19:56 发布

mzphahaha

最新推荐文章于 2024-07-25 07:19:56 发布

阅读量1.2k

点赞数

分类专栏：软件测试

本文链接：https://blog.csdn.net/mzphahaha/article/details/104593652

版权

本文介绍了React为何适合单元测试，重点讲解了通用测试框架Jest的使用，包括其断言库和内置的代码覆盖率测试。此外，详细阐述了React测试工具Enzyme的Shallow Rendering和DOM Rendering方法，并通过实例展示了如何进行单元测试，包括价格列表和首页的测试分析，涉及TDD概念和Snapshot testing的应用。

摘要由CSDN通过智能技术生成

1 React适合单元测试

组件化
Functional Component
单向数据流

2 通用测试框架-Jest

支持多平台，运行速度快
内置代码覆盖率测试
为 React 提供了一些特殊的测试方法

2.1 断言库

判断一个值是否对应相应的结果
https://jestjs.io/docs/en/using-matchers
1、在要测试的js目录下新建一个js文件，如在src文件夹下新建example.test.js

test('test equal', () => {
   
	expect(2 + 2).toBe(4) 
	// 判断2+2等于4是否正确，结果正确
	expect(2 + 2).toBe(3) 
	// 判断2+2等于3是否正确，结果报错
})
test('test not equal', () => {
   
	expect(2 + 2).not.toBe(5) 
	// 判断2+2不等于5是否正确，结果正确
})
test('test to be true or false', () => {
   
	expect(1).toBeTruthy() 
	expect(0).toBeFalsy() 
	// 期望1为真，0为假
})
test('test number', () => {
   
	expect(4).toBeGeaterThan(3) 
	expect(4).toBeLessThan(5) 
	// 判断4大于3是否正确，结果正确
	// 判断4小于5是否正确，结果正确
})
test('test object', () => {
   
	expect({
   name:'Tom',age: 30}