如何在 Web Component Tester 中模拟全局变量

Question

在几种情况下，我们的 Polymer 元素具有依赖于全局行为的方法，例如视口大小检测或注入全局变量的分析包。

现在我正在尝试使用 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

您可以尝试使用 before 或 beforeEach 和 after 或 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();