javascript - 如何编写代码包含 localstorage.get/localstorage.set 的 Jest 测试用例

Question

我正在尝试编写一个 Jest 测试用例，其中代码涉及本地存储访问。运行测试用例失败时说无法读取属性。

我们需要如何编写涉及 localstorage.getItem() 的 Jest 测试用例

function myLocal(){
var value= localStorage.getItem('slot').time
return value
}

运行上面的示例代码时，Jest 抛出以下错误

TypeError: Cannot read property 'time' of null

Answer 1

使你的函数可测试:

function getTime(storage) {
  var value = storage.getItem('slot').time
  return value
}

然后在您的应用程序中使用它，如下所示:

getTime(localStorage);

然后像这样测试它:

const mockGetItem = jest.fn();
mockGetItem.mockReturnValue({time: '16:00'});

expect(getTime({getItem: mockGetItem})).toBe('16:00');
expect(mockGetItem).toHaveBeenCalledWith('slot');