sinon.js对websocket应用程序的单元测试

Question

我试图使用sinon.js对Web套接字应用程序进行单元测试，

在sinon的 github上的一个用户做了这个，但我无法理解它如何帮助单元测试websocket应用程序来验证发送到假服务器的接收数据。

var dummySocket = { send : sinon.spy()};
sinon.stub(window, 'WebSocket').returns(dummySocket);
dummySocket = new WebSocket('ws://html5rocks.websocket.org/echo');
dummySocket.onopen();
dummySocket.onmessage(JSON.stringify({ hello : 'from server' }));
// You can assert whether your code sent something to the server like this:
sinon.assert.calledWith(dummySocket.send, '{"the client":"says hi"}');

我的问题是

• 如何从虚假服务器接收早先发送到服务器的相同数据。
• 如何使用假套接字对象的send方法将数据发送到假服务器（例如： - socket.send() ）？
• 如何在dummySocket.onmessage = function (msg){}上从服务器获取数据

使用sinon.js ，我无法通过分别使用useFakeXMLHttpRequest()和fakeServer.create()来创建伪造的websocket对象，如假的XMLHttpRequest和server 。

在sinon.js上有没有实现这个的过程？

Answer 1

通常，您可以执行ws = sinon.createStubInstance(WebSocket) ，但这是不可能的，因为WebSocket.prototype上的属性在读取它们时会抛出异常。 有两种方法可以解决这个问题。

1. 你可以在useFakeWebSocket添加一个useFakeWebSocket来覆盖WebSocket 。 这与useFakeXMLHttpRequest对XMLHttpRequest的作用类似。

2. Duck通过迭代原型来输出WebSocket对象。

    beforeEach(function () { var ws = {}; for (var prop in WebSocket.prototype) { ws[prop] = function () {}; // some properties aren't functions. } }); 

如果你想实现一个模拟echo WebSocket服务器，以便你可以测试你的事件处理程序，你可以这样做：

var ws;
beforeEach(function () {
    ws = {
        send: function (msg) {
            this.onmessage({ data: msg });
        },
        onmessage: function (e) {
            // stub
        }
    };
});
it('should echo', function () {
    var spy = sinon.spy(ws, 'onmessage');
    ws.send('this is a test');
    assertEquals(spy.args[0][0].data, 'this is a test');
});

我希望这就是你要找的东西。