[javascript] jquery (or pure js) simulate enter key pressed for testing

What the best way to simulate the user pressing "enter"? $(element).keypress() doesn't seem to allow me to pass in the actual key that was pressed.

This is for unit testing.

This question is related to javascript jquery testing mocking

The answer is

Demo Here

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

For those who want to do this in pure javascript, look at:

Using standard KeyboardEvent

As Joe comment it, KeyboardEvent is now the standard.

Same example to fire an enter (keyCode 13):

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

You can use this page help you to find the right keyboard event.

Outdated answer:

initKeyboardEvent for IE9+, Chrome and Safari
initKeyEvent for Firefox

You can do something like (here for 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);

Source: Stackoverflow.com

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to testing

• Test process.env with Jest • How to configure "Shorten command line" method for whole project in IntelliJ • Jest spyOn function called • Simulate a button click in Jest • Mockito - NullpointerException when stubbing Method • toBe(true) vs toBeTruthy() vs toBeTrue() • How-to turn off all SSL checks for postman for a specific site • What is the difference between smoke testing and sanity testing? • ReferenceError: describe is not defined NodeJs • How to properly assert that an exception gets raised in pytest?

Examples related to mocking

• How can I mock the JavaScript window object using Jest? • How can I mock an ES6 module import using Jest? • Mocking a function to raise an Exception to test an except block • Unfinished Stubbing Detected in Mockito • Python mock multiple return values • How do I mock a service that returns promise in AngularJS Jasmine unit test? • How do Mockito matchers work? • Mocking static methods with Mockito • How to spyOn a value property (rather than a method) with Jasmine • How do I mock a class without an interface?