filmov
tv
Mocking React Components and Functions using Jest for Beginners - React.js Testing Tutorial #5
Показать описание
In this tutorial we are going to learn how to mock components and functions using the built-in features in jest.
Manual mocks are used to stub out functionality with mock data. For example, instead of accessing a remote resource like a website or a database, you might want to create a manual mock that allows you to use fake data. This ensures your tests will be fast and not flaky.
Mock functions allow you to test the links between code by erasing the actual implementation of a function, capturing calls to the function (and the parameters passed in those calls), capturing instances of constructor functions when instantiated with new, and allowing test-time configuration of return values.
There are two ways to mock functions: Either by creating a mock function to use in test code, or writing a manual mock to override a module dependency.
----
----
----
Join the channel to support my content:
-----
Timeline:
00:00 Intro
00:18 Example 1
06:55 Example 2a: Button
09:40 Example 2b: Data Grid
17:00 Example 3
19:50 Example 4
22:06 Example 5: Avoid mocking everywhere the same component
25:50 Outro
----
Follow me on:
#jest #ReactTestingLibrary #react
Manual mocks are used to stub out functionality with mock data. For example, instead of accessing a remote resource like a website or a database, you might want to create a manual mock that allows you to use fake data. This ensures your tests will be fast and not flaky.
Mock functions allow you to test the links between code by erasing the actual implementation of a function, capturing calls to the function (and the parameters passed in those calls), capturing instances of constructor functions when instantiated with new, and allowing test-time configuration of return values.
There are two ways to mock functions: Either by creating a mock function to use in test code, or writing a manual mock to override a module dependency.
----
----
----
Join the channel to support my content:
-----
Timeline:
00:00 Intro
00:18 Example 1
06:55 Example 2a: Button
09:40 Example 2b: Data Grid
17:00 Example 3
19:50 Example 4
22:06 Example 5: Avoid mocking everywhere the same component
25:50 Outro
----
Follow me on:
#jest #ReactTestingLibrary #react
0:26:12
Mocking React Components and Functions using Jest for Beginners - React.js Testing Tutorial #5
0:08:05
React Testing Tutorial - 42 - Mocking Functions
0:00:57
Test Mocking Explained #mocktest
0:15:15
Jest: Mock React Components
0:09:16
#5 Mock Functions & Why - React Testing For Beginners
0:10:29
React Testing Library Tutorial #13 - Mocking Requests
0:04:05
ENJOY TESTING REACT COMPONENTS: PART 8 - Mock Events testing
0:05:03
Mock function implementation in test cases using React testing library
0:10:02
Stop Writing So Many Tests
0:14:58
Mocking Fetch in React Components
![[#3] Mocking React](https://i.ytimg.com/vi/x7X7CMgeExE/hqdefault.jpg)
0:27:35
[#3] Mocking React Component in Jest | Hindi & Urdu Tutorial
0:03:29
React Testing Tutorial - 43 - Mocking HTTP Requests
0:29:37
TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand
0:21:50
Mocking Asynchronous Functions with Jest
0:26:19
Unit Testing in React with Jest - Mock, Snapshots and more
0:13:36
React Masterclass #198 - Jest Mock Functions I
0:32:20
Testing a React component that uses useContext
0:02:41
Mock Axios with Jest in Typescript and React (in 2 minutes)
0:29:41
React Testing - To Mock or Not To Mock
0:02:36
How to Mock a React Component in Jest for JSON Schema Testing
0:14:01
Component Unit Testing (and mocking) with react-testing-library 🐐
0:34:10
React Testing Library With Jest Tutorial For Beginners | How To Test React Components ?
0:03:18
Trying to use mock function when testing React component
0:09:26
React Testing Library Mocking API Call with Form #26
Комментарии