Persistence and live synchronization layer for testing JavaScript applications.
npm install @mswjs/storageData storage and persistency layer for testing JavaScript applications.
The values of a live storage are persisted in the session. In a browser that is achieved by sessionStorage.
Updates to the storage are synchronized between all active clients in real time. In a browser that is achieved by using a BroadcastChannel to signal updates.
- When writing CRUD operations in tests;
- When conducting local in-browser testing/debugging;
- In combination with API mocking tools (i.e. MSW)
``bash`
$ npm install @mswjs/storage --save-dev
`js
import { LiveStorage } from '@mswjs/storage'
// Instantiate a new storage with a unique string key
// and initial value.
const posts = new LiveStorage('posts', [])
`
`js`
// Storage update is a function that derives the next value
// from the previous storage value.
posts.update((prevPosts) => prevPosts.concat({ title: 'Brave new world' });
`js``
posts.getValue() // [{ title: 'Brave new world' }]