Zhentiw - 博客园

2020年5月4日

[React Testing] Write React Application Integration Tests with React Testing Library

摘要： You can get a huge amount of confidence and coverage from integration tests that test an entire page, or even your entire app. Let’s write a test that 阅读全文

posted @ 2020-05-04 01:58 Zhentiw 阅读(331) 评论(0) 推荐(0)

[React Testing] Test timer related feature in React

摘要： Sometimes your react component may need to do some cleanup work in the return value from useEffect or useLayoutEffect, or the componentWillUnmount lif 阅读全文

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

[React Testing] Test a Custom React Hook with renderHook from React Hooks Testing Library

摘要： That setup function is pretty handy. Seems like a good opportunity for an abstraction. Well, we already have one! It’s called React Hooks Testing Libr 阅读全文

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

[React Testing] Create a Custom Render Function to Simplify Tests of Redux Components

摘要： It’s very common for our components to use state from the redux store (or to be refactored to use it eventually). Having to change our tests every tim 阅读全文

posted @ 2020-05-04 00:42 Zhentiw 阅读(339) 评论(0) 推荐(0)

2020年5月3日

[React Testing] Test a Custom React Hook with React’s Act Utility and a Test Component

摘要： We’ve got a custom useCounter hook here and we want to make sure the increment and decrement functions it returns will update the count state that it 阅读全文

posted @ 2020-05-03 21:27 Zhentiw 阅读(312) 评论(0) 推荐(0)

[React Testing] Test react-router-dom Router Provider with createMemoryHistory

摘要： Mocking the <Redirect /> component in react-router works, but it’s imperfect because we don’t know for sure that the user will be redirected properly. 阅读全文

posted @ 2020-05-03 00:32 Zhentiw 阅读(991) 评论(0) 推荐(0)

2020年5月2日

[React Testing] Error State with React Testing Library, findBy*

摘要： We have the happy path covered for our post editor component, but what happens if there’s an error in saving the user’s information? We should probabl 阅读全文

posted @ 2020-05-02 21:48 Zhentiw 阅读(230) 评论(0) 推荐(0)

[React Testing] Use Generated Data in Tests with tests-data-bot to Improve Test Maintainability

摘要： A really important aspect of TDD is the refactor phase. A critical piece to making your tests easier to maintain is using code structure and values to 阅读全文

posted @ 2020-05-02 19:35 Zhentiw 阅读(279) 评论(0) 推荐(0)

[React Testing] Test Drive Assertions with Dates in React

摘要： Just make sure the date is in a range then it is fine import React from 'react' import {render, fireEvent, waitFor} from '@testing-library/react' impo 阅读全文

posted @ 2020-05-02 19:28 Zhentiw 阅读(157) 评论(0) 推荐(0)

[React Testing] Test Drive Mocking react-router’s Redirect Component on a Form Submission

摘要： Once the data has been saved on the server, we’ll want to redirect the user to the home screen with react-router’s <Redirect /> component. Let’s go ah 阅读全文

posted @ 2020-05-02 19:19 Zhentiw 阅读(681) 评论(0) 推荐(1)

Answer1215

公告