如何在Jest中测试内部存储更新？

// __mocks__/localStorage.js
export default {
  getItem: jest.fn(),
  setItem: jest.fn(),
  removeItem: jest.fn(),
  clear: jest.fn(),
};

// your-test-file.test.js
import { setItem, getItem } from './__mocks__/localStorage';

beforeEach(() => {
  // 清除模拟的localStorage
  setItem.mockClear();
  getItem.mockClear();
});

test('测试localStorage更新', () => {
  // 模拟setItem的行为
  setItem.mockImplementation((key, value) => {
    localStorage.setItem(key, value);
  });

  // 模拟getItem的行为
  getItem.mockImplementation((key) => {
    return localStorage.getItem(key);
  });

  // 调用更新localStorage的函数
  const updateLocalStorage = (key, value) => {
    localStorage.setItem(key, value);
  };

  updateLocalStorage('testKey', 'testValue');

  // 验证localStorage是否更新
  expect(setItem).toHaveBeenCalledWith('testKey', 'testValue');
  expect(getItem).toHaveBeenCalledWith('testKey');
  expect(localStorage.getItem('testKey')).toBe('testValue');
});

npm test