Início / coding / Perguntas / 78523876
Accepted
PaulBunion
Asked: 2024-05-23 22:36:25 +0800 CST

Clique no elemento âncora de teste Jasmine sem abrir a guia

  • 772

Em meu aplicativo Angular 17, tenho um elemento âncora que possui um href para navegação e um manipulador de cliques. Não estou preocupado em testar o href, mas estou tentando escrever um teste simples de "deve chamar a função" para o manipulador de cliques.

Resumidamente,

<a 
  href="some url"
  target="_blank"
  (click)="handleClick()"
  id="anchor-to-test"
>
    Click me! :)
</a>

e o teste associado:

it('should call click handler when link is clicked', fakeAsync(() => {
  const onClickSpy = spyOn(component, 'handleClick');
  fixture.detectChanges();

  const link = fixture.debugElement.query(By.css('#anchor-to-test'));
  link.click();
  tick();

  expect(onClickSpy).toHaveBeenCalled();
}));

Quando executo o teste, a janela karma/jasmine acaba gerando novas guias repetidamente a cada 5 segundos ou mais, consumindo os recursos do meu sistema e impedindo que qualquer teste seja realmente executado (ou pelo menos concluído).

Tentei as sugestões nesses dois tópicos sem sucesso e meu google-fu está falhando.

html

1 respostas

  1. Best Answer

    Tente remover o hrefatributo e depois realizar o clique!

    it('should call click handler when link is clicked', fakeAsync(() => {
  const onClickSpy = spyOn(component, 'handleClick');
  fixture.detectChanges();

  const link = fixture.debugElement.query(By.css('#anchor-to-test'));
  link.removeAttribute("href"); // <- changed here!
  fixture.detectChanges(); // <- can work without this line, if not remove it!
  link.click();
  fixture.detectChanges(); // <- can work without this line, if not remove it!
  tick();

  expect(onClickSpy).toHaveBeenCalled();
}));
    • 1

relate perguntas