Wie unit-Tests localStorage mit sinon

Ich versuche zu testen localStorage mit sinon. Grundsätzlich bin ich sehr neu, um unit-Tests, so könnte dies sehr basic.

Update

Ich konnte mit diesem aber nun ist mir ein neuer Fehler Should wrap property of object

Test

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');
    });
  });
  • Was ist der Punkt, es zu testen?
  • Ich habe durchgemacht. Bisher getestet habe ich die location Objekt mit dem gleichen Verfahren und seine Arbeitsmethoden in Ordnung. In diesem Fall wird jedoch Ihre mir Attempted to wrap undefined property setItem as function
  • Vereinbart ist, keine Notwendigkeit. Aber wenn ich das nicht testen, alle anderen tests, die fehlschlagen und einen Fehler auslösen, dass localStorage ist nicht definiert.
InformationsquelleAutor Umair Sarfraz | 2016-08-15
  1. 8

    Habe ich es geschafft, es zu beheben. Dank @anoop, weil seine Antwort war die Hilfe, aber ich hatte, um es zu verwalten mit einer großen Umgehung.
    Ich bin mit jsdom und es derzeit NICHT unterstützen localStorage. Ich fügte hinzu, ein fake in meinen jsdom Konfiguration.

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

    Und behauptete es mit:

    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();
    });

    Siehe auch:
    Wie zum Hohn "localStorage" in JavaScript-unit-tests?

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

    Ich fand auch ein internes Problem in Sinon vor einer Woche im Zusammenhang mit dieser aber behoben wurde.

    Finden Sie unter: https://github.com/sinonjs/sinon/issues/1129

    Hoffe, das jemand hilft.

    InformationsquelleAutor Umair Sarfraz
  2. 2

    Können Sie babel-plugin-rewire zu ersetzen localStorage mit verspottet version in allen tests.

    Dies ist, wie ich es verwenden:

    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;
    • Ich habe gesehen, andere Pakete als auch zu verspotten localStore. Dies mag richtig sein, aber was ich versuche zu erreichen ist, zu verhöhnen, ihn manuell mit einem globalen Objekt. So etwas wie global.Fenster = { localStorage: {..
    InformationsquelleAutor Dmitriy Nevzorov
Schreibe einen Kommentar