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

Modify WebSocket Client Events with Mock Service Worker

InstructorArtem Zakharchenko

Share this video with your friends

Send Tweet

Listening to the outgoing WebSocket client events is nice, but how about we modify them?

Let's parse the incoming MessageEvent data using JSON.parse, modify it, and provide its stringified version to the chat.broadcast() call to broadcast a different data.

Resources

.broadcast() API

Mocking WebSocket APIs with Mock Service Worker

Modify WebSocket Client Events with Mock Service Worker

Social Share Links

Resources