Name		Name	Last commit message	Last commit date
parent directory ..
e2e		e2e
src		src
static		static
.eslintignore		.eslintignore
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
package.json		package.json
playwright.config.ts		playwright.config.ts
svelte.config.js		svelte.config.js
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts

README.md

Svelte + MSW

Mock Service Worker usage example with Svelte.

General

Both client-side and server-side integrations of MSW are implemented using Hooks.

Describe the request handlers in src/mocks/handlers.ts.

Client-side

Generate the worker script (mockServiceWorker.js) in the ./static directory using the following command:

npx msw init ./static

Create src/mocks/browser.ts and configure the worker instance.
In src/hooks.client.ts, import and start the worker from src/mocks/browser.ts.

Server-side

The server-side integration allows you to intercept outgoing requests from the load functions of your Svelte pages.

Create src/mocks/node.ts and configure the server instance.
In src/hooks.server.ts, import and start the server from src/mocks/node.ts.