ngMocks.click

Angular birim testlerinde bir öğeye tıklamanın birkaç yolu vardır. Ancak, .triggerEventHandler disabled durumunu dikkate almaz ve yerel bir click olayını çağırmaz. Ve .click bir nativeElement üzerinde olay özelliklerini özelleştirmeye izin vermez.

ipucu

ngMocks.click, bu sınırlamaları aşan basit bir araçtır. ngMocks.click özelliklerinden bazıları şunlardır:

• disabled durumunu dikkate alır
• olayların özelleştirilmesine izin verir
• yerel olaylar oluşturur

const el = ngMocks.find('a');

// Debug öğelerine tıklayabiliriz
ngMocks.click(el);

// Yerel öğelere tıklayabiliriz
// özel koordinatlarla
ngMocks.click(el.nativeElement, {
  x: 150,
  y: 150,
});

Ya da ngMocks.find tarafından desteklenen seçicilerle basitçe.

ngMocks.click('a');

ngMocks.click('[data-role="link"]');

ngMocks.click(['data-role']);

ngMocks.click(['data-role', 'link']);

bilgi

Arka planda ngMocks.click, ngMocks.trigger kullanır. Bu nedenle, ngMocks.trigger tüm özellikleri kullanılabilir.