Webコンポーネントテスターでグローバル変数を模擬する方法

Question

ポリマー要素には、ビューポートサイズの検出やグローバル変数を挿入する解析パッケージなど、グローバルな振る舞いに依存するメソッドがいくつかあります。

私はWeb Component Testerを使用してこれらのメソッドをテストしようとしていますが、どのようにインジェクションするのか分かりません。スタブをwindowオブジェクトに追加します（たとえば、webdriverのexecute関数で可能です）。これはどうすればいいですか？

動作しませんでしたテストの例：

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

あなたが前またはbeforeEachと後またはafterEachフック使用して試みることができます。

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

別のオプションは、プロパティをスタブにしSinon sandboxesを使用することです。

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

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