How do I deal with localStorage in jest tests?

by

Great solution from @chiedo

However, we use ES2015 syntax and I felt it was a little cleaner to write it this way.

class LocalStorageMock {
  constructor() {
    this.store = {};
  }

  clear() {
    this.store = {};
  }

  getItem(key) {
    return this.store[key] || null;
  }

  setItem(key, value) {
    this.store[key] = String(value);
  }

  removeItem(key) {
    delete this.store[key];
  }
}

global.localStorage = new LocalStorageMock;

More Related Contents:

  1. Mocking `document` in jest
  2. How do I run a single test using Jest?
  3. Console.log statements output nothing at all in Jest
  4. Jest gives an error: “SyntaxError: Unexpected token export”
  5. Loose match one value in jest.toHaveBeenCalledWith
  6. How to run Jest tests sequentially?
  7. How to mock functions in the same module using Jest?
  8. Does Jest support ES6 import/export?
  9. Jest mock inner function
  10. How to make Jest wait for all asynchronous code to finish execution before expecting an assertion
  11. Mocking globals in Jest
  12. Spying on an imported function that calls another function in Jest
  13. Can you write async tests that expect toThrow?
  14. Jest + Typescript + Absolute paths (baseUrl) gives error: Cannot find module
  15. Recommended approach for route-based tests within routes of react-router
  16. jest unexpected token when importing css
  17. Absolute paths (baseUrl) gives error: Cannot find module
  18. How to mock Axios with Jest?
  19. Jest: how to mock console when it is used by a third-party-library?
  20. SyntaxError with Jest and React and importing CSS files
  21. Jest won’t transform the module – SyntaxError: Cannot use import statement outside a module
  22. How to mock dependencies for unit tests with ES6 Modules
  23. Jest – SyntaxError: Cannot use import statement outside a module
  24. Mock inner axios.create()
  25. Mocking dayjs extend
  26. how to change jest mock function return value in each test?
  27. How to test a react component that is dependent on useContext hook?
  28. Importing images breaks jest test
  29. Jest spyOn function called
  30. XMLHttpRequest testing in Jest

Leave a Comment