web-dev-qa-db-fra.com

jquery (ou pure js) simule la touche Entrée enfoncée pour le test

Quelle est la meilleure façon de simuler l'utilisateur en appuyant sur "enter"? $ (element) .keypress () ne semble pas me permettre de transmettre la clé réelle qui a été pressée.

Ceci est pour les tests unitaires.

javascriptjquerytestingmocking
56
morgancodes

démonstration ici

var e = jQuery.Event("keypress");
e.which = 13; //choose the one you want
e.keyCode = 13;
$("#theInputToTest").trigger(e);
88
redsquare

Pour ceux qui veulent faire cela en javascript pur, regardez:

périmé :

Vous pouvez faire quelque chose comme (ici pour Firefox)

var ev = document.createEvent('KeyboardEvent');
// Send key '13' (= enter)
ev.initKeyEvent(
    'keydown', true, true, window, false, false, false, false, 13, 0);
document.body.dispatchEvent(ev);

Mis à jour :

Comme Joe le commente, KeyboardEvent est maintenant la norme.

Même exemple pour déclencher une entrée (code clé 13):

const ke = new KeyboardEvent("keydown", {
    bubbles: true, cancelable: true, keyCode: 13
});
document.body.dispatchEvent(ke);

Vous pouvez utiliser cette page vous aider à trouver le bon événement de clavier.

51
Fabien Sa