Use a select outside of a form with CasperJS

Question

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.

casper.fill have worked great for me regarding select elements with select2 attached to them! — Farid Nouri Neshat, Mar 19 '14 at 15:16
I try with fill() but it need named/id(entified) select, which is not the code the code I have; — Aurélien B, Mar 19 '14 at 15:59
Why not call call `select.onchange();` after `select.selectedIndex = X;`? — Artjom B., May 10 '14 at 12:04

Fanch · Answer 1 · 2014-04-15T10:00:34.390

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.

Use a select outside of a form with CasperJS

1 Answers1

Linked