Как издеваются localStorage.setIem и localStorage.removeItem шутя

Question

, когда я пытаюсь дразнить LocalStorage в виде среагировать компонента в шутке, как показано ниже,

spyOn(window.localStorage,'removeItem'); 
window.localStorage.removeItem("key1"); 
window.localStorage.removeItem("key2"); 
expect(window.localStorage.removeItem).toHaveBeenCalledWith("key1"); 
expect(window.localStorage.removeItem).toHaveBeenCalledWith("key2"); 

и использовал код ниже для LocalStorage издевательский

let localStorageMock = (function() { 
    var storage = {}; 

    return { 
    setItem: function(key, value) { 
     storage[key] = value || ''; 
    }, 
    getItem: function(key) { 
     return storage[key] || null; 
    }, 
    removeItem: function(key) { 
     delete storage[key]; 
    }, 
    get length() { 
     return Object.keys(storage).length; 
    }, 
    key: function(i) { 
     var keys = Object.keys(storage); 
     return keys[i] || null; 
    } 
    }; 
})(); 
Object.defineProperty(window, 'localStorage', { value: localStorageMock }); 

Answer 1

Я сделал это для хранения сеанса для тестирования хранилища, добавив файл сценария среды установки со следующим:

Object.defineProperty(window, 'sessionStorage', { value: {}, writable: true });

Файл package.json затем выглядит;

"jest": { "setupEnvScriptFile": "jest/jest-setupEnvScriptFile.js",

Я на самом деле не уверен, что вам нужно это в последней версии шутя, однако я использовал эту установку, так как значительно более ранней версии.

При использовании этого подхода вы должны знать, что он может сохранять данные между тестами, поэтому вы хотите добавить следующее в beforeEach;

sessionStorage = {}; 

Answer 2

Я использовал это в package.json мой проекта:

"jest": { 
    "setupFiles": ["<rootDir>/app/mock/localStorageMock.js"] 
}