AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 78827195
Accepted
dman
dman
Asked: 2024-08-03 04:49:24 +0800 CST2024-08-03 04:49:24 +0800 CST 2024-08-03 04:49:24 +0800 CST

Não consigo simular o assunto do comportamento no teste de unidade Angular

  • 772

Usando Angular 16 e Jasmine/Karma.

Eu tenho esta assinatura para um assunto de comportamento chamadotableList$


    ngOnInit() {                                                   
      const { pageNumber } = this.subscribersService.getMiscValues();
      this.subscribersService.initPage(pageNumber);
>>    this.subscribersService.tableList$.subscribe((tableList) => {
        //  this.tableList = this.deleteSubscribersService.setDeleteCheckboxStates(tableList);                    
      });                                                                                
    } 

Estou tentando zombar do assunto comportamento, mas estou conseguindo this.subscribersService.tableList$.subscribe is not a function.

Alguma idéia do que estou fazendo de errado, por favor?

Observe, eu também tentei subscribersServiceMock.tableList$.and.returnValue({ subscribe: () => tableListMock$.subscribe });sem sucesso

fdescribe('ManageSubscribersComponent', () => {
  let component: ManageSubscribersComponent;
  let fixture: ComponentFixture<ManageSubscribersComponent>;
  let miscMockValues;
  let tableMockData;
  let tableListMock$;
  let dialogServiceMock
  let dialogSubjectMock;
  let subscribersServiceMock;
  let deleteSubscribersServiceMock;

  const displayedColumns = [
    'id',
    'name',
    'description',
    'createdBy',
    'createdOn',
    'updatedBy',
    'updatedOn',
  ];

  beforeEach(() => {
    tableListMock$ = new Subject();
    dialogSubjectMock = new Subject();

    dialogServiceMock = jasmine.createSpyObj([
      'open',
      'afterClosed',
    ]);

    deleteSubscribersServiceMock = jasmine.createSpyObj([
      'deleteSubscribers',
    ]);


    subscribersServiceMock = jasmine.createSpyObj([
      'resetMiscValues',
      'getMiscValues',
      'initPage',
      'tableList$',
    ]);

    miscMockValues = {
      pageNumber: 1,
      pageSize: 25,
      sort: '',
      active: true,
      testMode: false,
      searchTerms: '',
    };


    subscribersServiceMock.getMiscValues.and.returnValue(miscMockValues);
    subscribersServiceMock.tableList$.and.returnValue(tableListMock$);
    dialogServiceMock.afterClosed.and.returnValue(dialogSubjectMock);

    TestBed.configureTestingModule({
      declarations: [ManageSubscribersComponent],
      imports: [
        HttpClientTestingModule,
        MatFormFieldModule,
        MatIconModule,
        MatSliderModule,
        MatTableModule,
        MatFormFieldModule,
        MatInputModule,
        BrowserAnimationsModule,
        MatPaginatorModule,
        MatDialogModule,
      ],
      schemas: [
        CUSTOM_ELEMENTS_SCHEMA,
        NO_ERRORS_SCHEMA,
      ],
      providers: [
        {
          provide: SubscribersService,
          useValue: subscribersServiceMock,
        },
        {
          provide: DeleteSubscribersService,
          useValue: deleteSubscribersServiceMock,
        },
      ],
    });

    fixture = TestBed.createComponent(ManageSubscribersComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });


  fit('should init', fakeAsync(() => {
    fixture.whenStable().then(() => {
      expect(component.displayedColumns).toEqual(displayedColumns);
      expect(subscribersServiceMock.getMiscValues).toHaveBeenCalled();
    })
  }));
angular
  • 1 1 respostas
  • 25 Views

1 respostas

  • Voted
  1. Best Answer
    davidlj95
    2024-08-03T05:46:38+08:002024-08-03T05:46:38+08:00

    Conforme declarado nos comentários, o problema está na configuração do teste

    Ao configurar a SubscribersServicesimulação fazendo

    subscribersServiceMock = jasmine.createSpyObj([
          'resetMiscValues',
          'getMiscValues',
          'initPage',
          'tableList$',
        ]);
    

    Esses nomes na matriz serão métodos para criar espiões conforme a createSpyObjdocumentação

    No entanto, SubscribersServiceusa tableList$como propriedade. Porque funciona this.tableList$como algum tipo de objeto observável e não o chama como você faria com um método: this.tableList$().

    Se você deseja criar um objeto com seu tableListMockassunto para a tableList$ propriedade , você pode usar o próximo argumento opcional para createSpyObj:

    subscribersServiceMock = jasmine.createSpyObj([
          'resetMiscValues',
          'getMiscValues',
          'initPage',
        ], { tableList$: tableListMock$ });
    

    Como afirmam createSpyObjos documentos , o último argumento pode definir propriedades para as quais criar espiões. Ou um objeto para realmente definir propriedades com seus valores no objeto.

    Você também pode passar um array de nomes de métodos:

    subscribersServiceMock = jasmine.createSpyObj([
          'resetMiscValues',
          'getMiscValues',
          'initPage',
          'tableList$',
        ], ['tableList$']);
    

    Em seguida, serão criados espiões para o acessador de propriedade . Desta forma você poderá espionar quando tableList$é getou set.

    Veja como você configuraria o getespião para subscribersServiceMock.tableList$retornar o assunto simulado:

    subscribersServiceMock = jasmine.createSpyObj(
     [
       // method names as ususal
     ], 
     ['tableList$']
    );
    const tableList$GetterSpy = Object.getOwnPropertyDescriptor(
      subscribersServiceMock,
      'tableList$',
    )!.get as jasmine.Spy
    tableList$GetterSpy.and.returnValue(mockTableList$)
    

    Um pouco complicado se você quiser apenas definir o valor, a forma anterior de passar um objeto é mais curta. Porém desta forma você pode verificar se tableList$foi acessado usando o espião:

    expect(tableList$Getter).toHaveBeenCalled()
    
    • 2

relate perguntas

  • pipe de data não funciona para elementos com conjunto de propriedades FormControlName

  • Posso colocar o serviço do componente reutilizável no módulo principal em Angular de acordo com o cenário mencionado

  • A caixa de diálogo Mat não fecha depois que a vinculação de dados mat-dialog-close é verdadeira

  • Não é possível renderizar o componente personalizado em app.component.html

  • Reutilização de component.html em mais de 2 arquivos .ts

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve