angularjs - 模拟 Websocket 服务器进行单元测试

Question

我在客户端使用 sockJS 来实现我的项目的 websockets(套接字服务器由 Java Spring 实例运行)。我无法弄清楚如何模拟 websockets 服务器以进行前端套接字单元测试。

我有一些函数依赖于从服务器传输的数据。但我不知道如何模拟这些数据以便调用 sock.onmessage。

我的客户端一般设置如下:

websocket-client.js (sockJS)

sock = new SockJS('/server/uri');
    
sock.onopen = function() {

};
    
sock.onmessage = function(e) {
  var message = e.data.message;
  displayMessage(message);
};
    
sock.onclose = function() {
  // clean up stuff
};

我正在使用 Karma 和 Chai 作为我的测试运行器/断言库。

由于这是一个 Angular 应用程序，通常我可以使用 $httpBackend 来模拟我的 API 服务。但我认为在这种情况下这不是一个选择。

Answer 1

最简单的方法是将 SockJS 包装在工厂/服务中:

angular
    .module('app')
    .factory('sockJS', function () {
        return {
            create: function (uri) {
                return new SockJS(uri);
            }
        };
    });

然后你可以注入(inject) sockJS 并模拟它。

angular
    .module('app')
    .controller('MainCtrl', function($scope, sockJS) {
        var sock = sockJS.create('/server/uri');

        sock.onopen = function() {

        };

        sock.onmessage = function(e) {
        // do stuff with e data
        };

        sock.onclose = function() {
        // clean up stuff
        };
    });