PaulBunion's questions

Tenho um antigo @Inputque passa uma função de retorno de chamada do componente pai, que eu gostaria de converter em um sinal de entrada.

Usando a entrada do antigo decorador, posso chamar a função passada simplesmente fazendo this.callback(). Isso, é claro, não funciona com um sinal de entrada porque a mesma declaração simplesmente retorna o valor da entrada... que neste caso é uma função, então eu pensaria que this.callback()()funcionaria para obter o valor da entrada (a função) e então realmente chamar a função, mas parece que não funciona.

Se eu passar uma função para um sinal de entrada (atualmente definido como callback = input.required<() => void>()), há uma maneira de realmente chamar a função ou preciso apenas continuar com a antiga entrada do decorador por enquanto?

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.