https://github.com/mswjs/examples

Examples of Mock Service Worker usage with various frameworks and libraries.
https://github.com/mswjs/examples

api example examples graphql handler interceptor mock-service-worker mocking msw request response rest usage

Last synced: 1 day ago
JSON representation

Examples of Mock Service Worker usage with various frameworks and libraries.

• Host: GitHub
• URL: https://github.com/mswjs/examples
• Owner: mswjs
• Created: 2020-05-17T10:23:47.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-11-06T10:00:58.000Z (4 days ago)
• Last Synced: 2024-11-06T11:17:37.755Z (4 days ago)
• Topics: api, example, examples, graphql, handler, interceptor, mock-service-worker, mocking, msw, request, response, rest, usage
• Homepage:
• Size: 3.33 MB
• Stars: 683
• Watchers: 12
• Forks: 211
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome-github-repos - mswjs/examples - Examples of Mock Service Worker usage with various frameworks and libraries. (Others)

README

        
# Examples

A collection of usage examples of [Mock Service Worker](https://github.com/mswjs/msw).

### JavaScript frameworks

- [Angular](./examples/with-angular) (Jest, Cypress)

- Next.js

- React Native

- [Remix](./examples/with-remix) (Playwright)

- SolidJS

- [Svelte](./examples/with-svelte/) (Vitest, Playwright)

- [Vue](./examples/with-vue) (Vitest, Cypress)

### Test frameworks

- Cypress

- [Jest](./examples/with-jest)

- [Jest (JSDOM)](./examples/with-jest-jsdom)

- [Karma](./examples/with-karma)

- [Playwright](./examples/with-playwright)

- [Vitest](./examples/with-vitest) / [Vitest (CommonJS)](./examples/with-vitest-cjs)

### Other tools

- Storybook

## Reading examples

Each example is a standalone repository featuring the usage of MSW with a certain framework or tool. Follow the instructions written in the `README.md` of respective examples to integrate MSW with those particular technologies. Some examples have separate instructions for client-side and server-side integrations. You can choose either or _both_, depending on where you wish to gain control over the network with MSW. **We highly recommend implementing both client-side and server-side interception** to guarantee seamless development and testing experience.

## Cloning examples

Each example can be forked immediately with CodeSandbox. To do so, click on the "Edit on CodeSandbox" button in the `README.md` of the respective example. This will load it in the cloud, allowing you to experiment with the integration and create reproduction cases easier.

![Edit in CodeSandbox example](./edit-in-codesandbox.jpg)