如何伪造在茉莉花下线？

Question

我有一个javascript函数，它应该在离线状态下比网上的行为有所不同，作为安全措施。我想有哪些测试功能在离线和在线模式的茉莉花单元测试 - 例如，

// offline 
describe('When there is no connection to the internet', function() { 
    beforeEach(function(){ 
    spyOn(navigator, 'onLine').and.returnValue(false); 
    }); 

    it('offline behavior happens', function() { 
    myFunction(); 

    expect(something).not.toHaveBeenCalled(); 
    }); 
}); 

// online 
describe('When there is a connection to the internet', function() { 
    beforeEach(function(){ 
    spyOn(navigator, 'onLine').and.returnValue(true); 
    }); 

    it('online behavior happens', function() { 
    myFunction(); 

    expect(something).toHaveBeenCalled(); 
    }); 
}); 

然而，我无法伪造的navigator.onLine值。在我的before中，我也试过：

navigator = { 
    'onLine': false 
} 

这也没用。为了彻底，我尝试了以上与window.navigator.onLine相同的技巧，但也没有奏效。

有没有人知道如何模拟茉莉花测试脱机？

Answer 1

你没有机会覆盖一些内置的属性。你也不能窥探属性。

我建议使用getter方法创建这样的浏览器内建的外观。然后，您可以在测试中嘲笑这些方法，以返回您喜欢的内容。

const Browser = (function() { 
    return { 
     isOnline: function() { 
      return navigator.onLine; 
     } 
    }; 
})(); 

在您的代码：

if (Browser.isOnline()) { 
    // ... 
} 

在您的测试：

beforeEach(function(){ 
    spyOn(Browser, 'isOnline').and.returnValue(false); 
});