Zhentiw - 博客园

2020年5月1日

[React Testing] Test componentDidCatch handler Error Boundaries

摘要： Error boundary: import React from 'react' import { reportError } from './components/extra/api' export default class ErrorBoundary extends React.Compon 阅读全文

posted @ 2020-05-01 20:07 Zhentiw 阅读(727) 评论(0) 推荐(0)

[React Testing] Mock react-transition-group in React Component Tests with jest.mock

摘要： There are some situations where you want to focus your tests on a particular component and not any of its children. There are other situations where y 阅读全文

posted @ 2020-05-01 00:36 Zhentiw 阅读(638) 评论(0) 推荐(0)

2020年4月30日

[React Testing] Mock HTTP Requests with jest.mock in React Component Tests

摘要： If you have a component that makes HTTP requests, you’ll probably want to mock those out for UI unit and integration tests. Let’s see how to use jest’ 阅读全文

posted @ 2020-04-30 19:24 Zhentiw 阅读(305) 评论(0) 推荐(0)

[React ARIA Testing] Test Accessibility of Rendered React Components with jest-axe

摘要： While not all of accessibility testing of a web application can be automated, much of it can be and quite easily using axe-core and jest-axe. Let’s se 阅读全文

posted @ 2020-04-30 19:09 Zhentiw 阅读(249) 评论(0) 推荐(0)

[React Testing] Assert That Something is NOT Rendered with React Testing Library (with rerender & query)

摘要： You can use 'rerender' for a component when its props changed. Then if you wnat to check the alert message has gone when we rerender, you need to use 阅读全文

posted @ 2020-04-30 18:57 Zhentiw 阅读(200) 评论(0) 推荐(0)

[React Testing] Improve Test Confidence with the User Event Module

摘要： The User Event module is part of the Testing Library family of tools and lets you fire events on DOM nodes that more closely resemble the way your use 阅读全文

posted @ 2020-04-30 18:45 Zhentiw 阅读(154) 评论(0) 推荐(0)

[React Testing] Test React Component Event Handlers with fireEvent from React Testing Library

摘要： The fireEvent utility in React Testing Library supports all the events that you regularly use in the web (change, click, etc.). Let’s see how we can t 阅读全文

posted @ 2020-04-30 18:00 Zhentiw 阅读(407) 评论(1) 推荐(0)

[React Testing] Debug the DOM State During Tests using React Testing Library’s debug Function

摘要： While you’re writing your tests it can be helpful to see what the DOM looks like. You can do this with React Testing Library’s debug function which wi 阅读全文

posted @ 2020-04-30 17:50 Zhentiw 阅读(193) 评论(0) 推荐(0)

[React Testing] Use React Testing Library to Render and Test Simple React Components

摘要： Component: import React from 'react' function FavoriteNumber({ min = 1, max = 9 }) { const [number, setNumber] = React.useState(0) const [numberEntere 阅读全文

posted @ 2020-04-30 17:47 Zhentiw 阅读(186) 评论(0) 推荐(0)

[Jest] Restore the Original Implementation of a Mocked JavaScript Function with jest.spyOn

摘要： We can use 'jest.spyOn', similr to 'spyOn' in Jasmine. jest.spyOn(utils, 'getWinner') We get 'getWinner' as a method. Jest has mockImplementation: // 阅读全文

posted @ 2020-04-30 15:01 Zhentiw 阅读(219) 评论(0) 推荐(0)

Answer1215

公告