Как протестировать localStorage с помощью синона

Question

Я пытаюсь проверить localStorage используя синус. В принципе, я очень новичок в модульном тестировании, поэтому это может быть очень простым.

Update

мне удалось придумать с этим, но теперь его дать мне новую ошибку Should wrap property of object

Тест

describe('Initial State',() => { 
    it('should set the initial state for the component',() => { 
const props = { 
     currentUser: {} 
     }; 
     sinon.stub(window.localStorage, 'setItem'); 
     window.localStorage.setItem('none', 'nothing'); 
    }); 
    }); 

Answer 1

Вы можете использовать babel-plugin-rewire заменить LocalStorage с издевались версии во всех ваших тестах.

Это, как я использую его:

import {unauth, signOut, __RewireAPI__} from 'modules/auth/actions'; 

const rewrite = __RewireAPI__.__Rewire__; 

const local = {}; // object where you store all values localStorage needs to return 
const storage = { 
    get(key) { 
    return local[key]; 
    }, 
    set: sinon.spy(), 
    remove: sinon.spy() 
}; 

rewrite('storage', storage); // rewrite storage package with your mocked version 

// in you test add values you want to get from localStorage 
local.credentials = constants.CREDENTIALS; 
local.authToken = constants.TOKEN; 

Answer 2

мне удалось решить. Благодаря @anoop, потому что его ответ был полезным, но мне пришлось управлять им с помощью основного решения. Я использую jsdom и в настоящее время НЕ поддержка localStorage. Я добавил фальшивку в мою конфигурацию jsdom.

if (!global.window.localStorage) { 
    global.window.localStorage = { 
    getItem() { return '{}'; }, 
    setItem() {} 
    }; 
} 

И утверждал его:

it('should fetch from local storage',() => { 
     const props = { 
     currentUser: 'UMAIR', 
     user: { 
      is_key: false 
     } 
     }; 

     const spy = sinon.spy(global.window.localStorage, "setItem"); 
     spy(props); 
     expect(spy.calledWith({ 
     currentUser: 'UMAIR', 
     user: { 
      is_key: false 
     } 
     })); 
     spy.restore(); 

     const stub = sinon.stub(global.window.localStorage, 'getItem'); 
     stub(props); 
     expect(stub.calledWith(Object.keys(props))); 
// stub.restore(); 
    }); 

Также смотрите: How to mock localStorage in JavaScript unit tests?

https://github.com/gor181/webpack-react-babel-mocha-boilerplate/tree/master/test/utils

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

См: https://github.com/sinonjs/sinon/issues/1129

Надеется, что это поможет кому-то.