【九月打卡】第9天 2022升级 React18+TS高仿AntD从零到一打造组件库

课程名称：2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节： 第5章 组件测试

主讲老师：张轩

课程内容：

今天学习的内容包括：

5-3 React 测试工具 - react-testing-library
5-4 添加Button 测试代码 第一部分

课程收获：

react专用测试工具

react-testing-liberary

ReactTestUtils可搭配我所选的测试框架，实现组件测试

enzyme 封装test utils,链式语法

默认为测试的文件

__tests__文件夹中的js和ts文件

.test.js

.spec.js

import {render} from '@testting-library/react'

const wrapper = render(<组件>)

wrapper.queryByText('nice')

expect(el).toBeTruthy()

npm run test

jest-dom

添加了jest的针对dom的新断言

setupTests.ts

import ‘@testing-library/jest-dom/extend-expect’

组件测试分类 describe(‘分类名’，（）=> {

    it('测试名'， （）=》 {})

    it('测试名', () => {})

})

wrapper.queryByText() 返回htmlelement/none

wrapper.getByText() 返回htmlelement

toBeInTheDocument()

toEqual()