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

【问题标题】：Angular tests, socket.io "NullInjectorError: No provider for WrappedSocket"角度测试，socket.io “NullInjectorError：没有 WrappedSocket 的提供者”
【发布时间】：2021-05-09 23:39:26
【问题描述】：

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

Test failure

我的 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] 但似乎没有任何效果

【问题讨论】：

标签： angular socket.io ngx-socket-io

【解决方案1】：

我们必须使用 SocketIoConfig 类型的对象 config 来配置 SocketIOModule。

... //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();
  });
});

希望这会有所帮助！

【讨论】：