So stellen Sie globale Variablen in Web Component Tester vor

Question

Wir haben mehrere Situationen, in denen unsere Polymerelemente Methoden verwenden, die auf globalem Verhalten beruhen, wie z. B. die Erkennung von Darstellungsfeldgrößen oder ein Analysepaket, das eine globale Variable einfügt.

Jetzt versuche ich diese Methoden mit Web Component Tester zu testen, aber ich kann nicht sehen, wie z. Stubs in das Objekt window (z. B. ist möglich mit Webtreiber execute Funktion). Wie mache ich das?

Ein Beispiel für einen Test, der nicht funktioniert hat:

test('my-element should not crash when `Analytics` is blocked', function() { 
     // I'd like window.Analytics in my app to be undefined, 
     // but this doesn't work, obviously: 
     window.Analytics = undefined; 

     myEl = fixture('my-element'); 
     expect(myEl.ready).to.not.throw(); 
    }); 

Answer 1

Sie versuchen, vor oder verwenden könnte und before nach oder afterEach Haken.

var tempAnalytics = window.Analytics; 
    before(function() { 
    // runs before all tests in this block 
    window.Analytics = undefined; 
    }); 

    after(function() { 
    // runs after all tests in this block 
    window.Analytics = tempAnalytics; 
    }); 

Eine weitere Option ist Sinon sandboxes zu verwenden, um die Eigenschaft zu Stummel.

var sandbox = sinon.sandbox.create(); 
sandbox.stub(window, "Analytics", undefined); 

// then restore when finished like above 
sandbox.restore();