【问题标题】：Unit Testing socket.io in AngularAngular中的单元测试socket.io
【发布时间】：2017-11-23 04:30:31
【问题描述】：

我正在尝试在我的应用程序中对 Angular 服务进行单元测试，该服务会创建 socket.io 客户端。我的服务看起来像这样：

export class SocketService {
  private name: string;
  private host: string = window.location.protocol + "//" + window.location.hostname + ":3000";
  socket: io.Socket;

  constructor() { }

  subscribeEvent(name: string): Observable<IJobResp> {
    this.setup(name);
    return new Observable(observer => {
      this.socket.on('job', val => observer.next(val))
    })
  }

  private setup(name: string) {
    this.name = name;
    let socketUrl = this.host + "/" + this.name;
    this.socket = io.connect(socketUrl);
  }
}

所以为了编写我的测试，我正在使用 mock-socket 库来设置一个 mock socket.io 服务器。这是测试的样子：

describe('SocketService', () => {
  let socket;

  const mockServer = new Server('http://localhost:3000/');
  mockServer.on('connection', server => {
    mockServer.emit('job', 'test message 1');
  });

  (window as any).io = SocketIO;
  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [JobService]
    });
  });

  it('should xyz, inject([JobService], fakeAsync((service: JobService) => {
    service.subscribeEvent('/').subscribe(val => {
      expect(val).toEqual('test message 1');
    })
  })));
});

但是，该测试会引发错误：

错误：无法从虚假异步测试中生成 XHR。

如果我没有fakeAsync，则在处理subscribe() 中的断言之前测试通过。

我该如何解决这个问题？

更新：

我尝试过的另一种方法是使用async 例如

  it('should subscribe to dwnTime events', async(inject([JobService], (service: JobService) => {
    service.subscribeEvent('line/602').subscribe(val => {
      expect(val).toEqual('test 2');
    })
  })));

然后我得到：

错误：超时 - 在 jasmine.DEFAULT_TIMEOUT_INTERVAL 指定的超时内未调用异步回调。

这看起来像是时间问题，但我仍然不确定为什么？

【问题讨论】：

如果你的服务不引用全局变量，它会更容易测试。为什么不注入 io 或至少导入它以便可以替换它？

标签： angular unit-testing typescript socket.io jasmine

【解决方案1】：

您的第二种方法是正确的，因为模拟服务器是真实的，因此您需要通过设置来增加超时

jasmine.DEFAULT_TIMEOUT_INTERVAL = 10000;（数值待调整）

describe 函数内的任何位置。

Here你可以找到一个完整的例子。

【讨论】：