Question

84

CasperJS: swallows special keys like Enter?

rated 0 times [ 89] [ 5] / answers: 1 / hits: 9599 / 10 Years ago, tue, february 18, 2014, 12:00:00

I'm trying to write a test using CasperJS for a scenario where pressing Enter in an input is the trigger for the page to do something with the text otherwise typed into the input.

An abbreviated/simplified version of the CasperJS test:

casper.start('http://localhost:3000/input-demo', function() {

  this.sendKeys('#demo-input', 'demo text');

  this.sendKeys('#demo-input', 'uE007');

  this.test.assertEquals(this.getHTML('#stage'), 'input demo');

});



casper.run();

(Where we run it as casperjs test this-test.js)

I've verified that sendKeys is getting the text into the input, but that text never shows up in the #stage element. A vanilla PhantomJS implementation of the keypress works fine, where webpage.sendEvent('keypress', 'uE007') causes the on-page event handler to fire. Looking at the source of casper.sendKeys, I see that it is delegating to the sendEvent on the Casper instance's PhantomJS instance (i.e., line 1613 in the current version of casper.js).

Any ideas? Anyone gotten these keys to work in a CasperJS test?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kaitlynnb

Add To Favorites

Follow

Total Points: 402

Total Questions: 96

Total Answers: 109

Location: Trinidad and Tobago

Member since Fri, May 8, 2020

4 Years ago

kaitlynnb questions

1 'node_modules' is not recognized as an internal or external command, operable program or batch file

Tue, Oct 12, 21, 00:00, 3 Years ago

1 Cannot read properties of undefined (reading 'size')

Thu, Sep 16, 21, 00:00, 3 Years ago

1 How to Disable the ENTER Key in React Material UI Autocomplete form

Thu, Aug 26, 21, 00:00, 3 Years ago

1 Get only specific values in array of objects in JavaScript

Tue, Jun 23, 20, 00:00, 4 Years ago

1 Extracting parts of a text in Cypress

Mon, May 20, 19, 00:00, 5 Years ago

View All

answered 10 Years ago lucianod · Accepted Answer

You might want to add {keepFocus: true} to the first sendKeys call. If you see the source code, without adding a keepFocus, it is blurring the text area and that means your second sendKeys call will not accept the keypress.

This seems to work.

casper.start('http://localhost:3000/input-demo', function() {

  this.sendKeys('#demo-input', 'demo text', {keepFocus: true});

  this.sendKeys('#demo-input', casper.page.event.key.Enter , {keepFocus: true});

  this.test.assertEquals(this.getHTML('#stage'), 'input demo');

});



casper.run();