angular - 角度测试，socket.io “NullInjectorError：没有 WrappedSocket 的提供者”

Question

我正在对 Angular 进行测试，但对于使用 ngx-socket-io 的套接字服务，它们失败了。它适用于开发，而不是用于测试。它没有正确创建组件。

测试失败

我的 service.spec.ts

import { TestBed } from '@angular/core/testing';
import { SocketService } from './socket.service';

describe('SocketService', () => {
  let service: SocketService;

  beforeEach(() => {
    TestBed.configureTestingModule({
    });
    service = TestBed.inject(SocketService);
  });

  it('should be created', () => {
    expect(service).toBeTruthy();
  });
});

我的服务

import { Injectable } from '@angular/core';
import {Socket} from 'ngx-socket-io';

@Injectable({
  providedIn: 'root'
})
export class SocketService {
  constructor(private socket: Socket) { }

  getD1Data() {
    return this.createObserver('d1');
  }

  private createObserver(event: string) {
    return this.socket.fromEvent(event);
  }

我已经尝试添加提供程序 [WrappedSocket] 老实说，这是一个自动修复选项，但这会导致更多错误。

import {WrappedSocket} from 'ngx-socket-io/src/socket-io.service';

describe('SocketService', () => {
  let service: SocketService;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [WrappedSocket]
    });
    service = TestBed.inject(SocketService);
  });


Error: ./src/app/modules/socket.service.spec.ts
Module not found: Error: Can't resolve 'ngx-socket-io/src/socket-io.service' in 'C:\Users\catha\project - Copy\src\app\modules'

考虑到它是自动填充，我实际上不确定它怎么不存在。

有想法该怎么解决这个吗？我尝试了一系列提供者 [Socket] ， [SocketIOModule] 但似乎没有任何效果

Answer 1

我们必须使用configtype的对象来配置 SocketIOModule SocketIoConfig。

... //imports

const config: SocketIoConfig = { url: 'http://localhost:YOUR_PORT' };

describe('SocketService', () => {
  let service: SocketService;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [ SocketIOModule.forRoot(config) ],
      providers: [ SocketService ]
    });
    service = TestBed.inject(SocketService);
  });

  it('should be created', () => {
    expect(service).toBeTruthy();
  });
});

希望这会有所帮助！