Course

Mocking WebSocket APIs with Mock Service Worker

1
Introduction to Mocking WebSocket APIs with Mock Service Worker
2
Install Mock Service Worker (MSW)
3
Set Up Mock Service Worker in the Browser
4
Intercept a WebSocket connection with Mock Service Worker
5
Intercept WebSocket Client Events with Mock Service Worker
6
Broadcast a Mocked Message to All WebSocket Clients
7
Modify WebSocket Client Events with Mock Service Worker
8
Replay a WebSocket Chat Conversation with Mock Service Worker
9
Make a Type-safe and Runtime-safe WebSocket Communication with Zod
10
Close a WebSocket Client Connection with Mock Service Worker
11
Use a Custom Close Code to Close a WebSocket Connection with MSW
12
Close Multiple WebSocket Clients with MSW
13
Establish Actual WebSocket Server Connection with MSW
14
Intercept WebSocket Server Events with MSW
15
Prevent Server-to-client Message Forwarding in MSW
16
Send Mocked WebSocket Client Messages to the Original Server with MSW
17
Prevent WebSocket Server Close Event with MSW
18
Prevent WebSocket Event Propagation Between Listeners with MSW
19
Understand WebSocket Logs in MSW
20
Test WebSockets in Vitest with MSW
21
Test WebSockets in Playwright with MSW
22
Override WebSocket Event Handling in Tests with MSW

Install Mock Service Worker (MSW)

Share this video with your friends

Add MSW as a dependency to your project. In this course we'll be using pnpm but you can use a package manager of your choice.

pnpm install msw

[00:00] Let's start by adding MSW as a dependency in your project. Open the terminal and use your package manager to install MSW. I'm using pmpm, so for me it will be pmpm install msw. You can see that the package has been installed and can continue.

Mocking WebSocket APIs with Mock Service Worker

Install Mock Service Worker (MSW)

Social Share Links