ngMocks.trigger
ngMocks.trigger
, tüm olay çeşitlerini tetiklemeye ve özelliklerini özelleştirmeye olanak tanıyan basit bir arayüz sağlar.
Yaygın olaylar
ipucu
Herhangi bir olay türünü tetiklemek için ngMocks.trigger
kullanılabilir.
Örneğin, bir odak olayı şu şekilde tetiklenebilir:
const el = ngMocks.find('input');
ngMocks.trigger(el, 'focus');
ngMocks.trigger(el, 'blur');
ngMocks.trigger(el, 'mouseleave', {
x: 1,
y: 2,
});
ya da ngMocks.find
tarafından desteklenen seçicilerle basitçe.
ngMocks.trigger('input[name="address"]', 'focus');
ngMocks.trigger(['name', 'address'], 'blur');
Tuş kombinasyonları
bilgi
Kısa tuşları simüle etmek ve bunların işleyicilerini test etmek için, örneğin Control+Shift+Z
, ngMocks.trigger
yöntemi kullanılabilir.
const el = ngMocks.find('input');
ngMocks.trigger(el, 'keydown.control.shift.z');
ngMocks.trigger(el, 'keyup.meta.s');
Özel olaylar
not
Bir olay adı yerine bir olay nesnesi geçirilebilir. Bu, daha özel durumları simüle etmek için yararlıdır.
Bir olay nesnesi oluşturmak için ngMocks.event
kullanılabilir.
const el = ngMocks.find('input');
const event = new CustomEvent('my-event');
ngMocks.trigger(el, event);