I want to select an entry into a select. How I can do that with CasperJS. Some information you need to know : I can't modify the page. My task is only to write the test. The select markup is not included in a form. I cannot use the document.querySelector(MY_SELECT).selectedIndex = X; method because changing the select (with normal behaviour) throw some event I need, and they are not thrown with simple affectation.

javascripthtmlunit-testingtestingcasperjs

Aurélien B

Reputation: 4640

Use a select outside of a form with CasperJS

I want to select an entry into a select. How I can do that with CasperJS.

Some information you need to know :

I can't modify the page. My task is only to write the test.
The select markup is not included in a form.
I cannot use the document.querySelector(MY_SELECT).selectedIndex = X; method because changing the select (with normal behaviour) throw some event I need, and they are not thrown with simple affectation.

Upvotes: 2

Answers (1)

Fanch

Reputation: 3274

Do you want to just simulate the normal behaviour? That's right in some issue manipulate the DOM isn't sufficient (the events are not thrown and so you can't send your form because the data isn't updated, and you have the errors of the ajax return). I've realized that when we're doing functional test, reproduce the user behaviour always works :) ->

this.mouse.down("selector of your select element");//press left button 
this.mouse.up('selector of the option of your select element');//release left button

Example :

this.mouse.down("div#ec1 select.jCustomSelect.monthB");//press left button 
this.mouse.up('div#ec1 select.jCustomSelect.monthB > option[value="7"]');//release left button

Or you could use jQuery and the change() method.

Upvotes: 1

Use a select outside of a form with CasperJS

Answers (1)

Related Questions