1
Introduction to Mock REST and GraphQL APIs with Mock Service Worker
1m 4s
2
Clone the GitHub Repository for Mock REST and GraphQL APIs with Mock Service Worker
20s
3
Install Mock Service Worker (MSW) and Prepare Directory Structure
24s
4
Set Up MSW in the Browser
3m 28s
5
Set Up MSW in Node.js
1m 47s
6
Intercept and Mock Server-Side HTTP Requests in MSW
2m 15s
7
Use the HttpResponse Class in MSW
1m 6s
8
Handle Dynamic Requests with Path Parameters in MSW
2m 2s
9
Add a Single Source of Truth for Fixtures in MSW
1m
10
Intercept and Mock Client-Side HTTP Requests in MSW
1m 50s
11
Read Request Query Parameters in MSW
1m 55s
12
Mock Error Responses in MSW
1m 33s
13
Emulate Network Errors in MSW
1m 20s
14
Control Response Timing in MSW
1m 52s
15
Use MSW to Mock Authentication in Remix
2m 19s
16
Intercept and Mock GraphQL Queries in MSW
3m 55s
17
Intercept and Mock GraphQL Mutations in MSW
1m 48s
18
Mock GraphQL Errors in MSW
40s
19
Resolve GraphQL Requests Against a Mock Schema in MSW
3m 26s
20
Mock All GraphQL Operations in MSW
2m 27s
21
Endpoint-Based GraphQL Mocking in MSW
2m 17s
22
Perform Intercepted Requests As-Is in MSW
1m 10s
23
Combine Original and Mocked Responses in MSW
1m 34s
24
Respond With a ReadableStream in MSW
2m 22s

Set Up MSW in the Browser

JavaScript
Node.js

Share this video with your friends

As the name implies, Mock Service Worker (MSW) uses the Service Worker API to intercept requests in the browser. By doing that, it can achieve API mocking without patching "fetch" or affecting the source code of your app in any way—all by using the platform. Learn how to copy the worker script and register the service worker to have API mocking enabled in for client-side development.

Browser integration

Set Up MSW in the Browser

Share this video with your friends

Course

Mock REST and GraphQL APIs with Mock Service Worker