Ana içeriğe geç

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);