Select dropdown in AngularJS application from Python Selenium

Question

I wanted to test page in Python Selenium, which uses AngularJS. It contains a select option and I have tried a number of options to select it but it fails.

<select id="xtzpp001" ng-model="..." ng-options="...." ng-change="changeView()">
  <option value class>select</option>
  <option value="200" selected="selected">Student 1</option>
  <option value="201">Student 2</option>
  <option value="202">Student 3</option>
</select>

As I said, I tried---

driver.find_element_by_xpath('//select[@id="xtzpp001"]/option[contains(text(), "Student 2")]').click()

then

from selenium.webdriver.support.ui import Select

select = Select(driver.find_element_by_id('xtzpp001'))
for i in select.options:
   .......etc etc

I used explicit waits also.

I came to know that pytractor can help me in this situation (not being actively developed though), but I am unable to find any documentation regarding select option using pytractor.

Is there any other way to achieve this?? or pytractor equivalent?

Or can I use protractor(or any javascript framework) to continue in testing in Javascript from this stage and integrate/callback the results in Python??

I am ready to re-do everything in Javascript using Selenium if it is possible to automate AngularJS page. Any suggestions? — Srikanth Sharma, Aug 26 '16 at 05:10

score 0 · Answer 1 · edited May 23 '17 at 11:46

0

Use the Select class from selenium.webdriver.support.ui. Pass the select webelement to the constructor. Use selectByVisibleText. Refer to the answer by @alecxe in the post - Selenium - Python - drop-down menu option value

edited May 23 '17 at 11:46

Community

1
1

answered Aug 26 '16 at 04:56

Grasshopper

8,908
2
17
32

I have alreay tried those options, including select_by_index(), select_by_value() from http://selenium-python.readthedocs.io/api.html#module-selenium.webdriver.support.select – Srikanth Sharma Aug 26 '16 at 05:06
What error are you getting? Or what is happening on the browser? – Grasshopper Aug 26 '16 at 05:11
throws NoSuchElementException – Srikanth Sharma Aug 26 '16 at 05:42

Saurabh Gaur · Answer 2 · 2016-08-28T14:35:31.383

0

If you have tried all the possible attempt but never got success, you should try using execute_script() as below :-

element = driver.find_element_by_id("xtzpp001")

driver.execute_script("var select = arguments[0]; for(var i = 0; i < select.options.length; i++){ if(select.options[i].text == arguments[1]){ select.options[i].selected = true; } }", element, "Student 2");

edited Aug 28 '16 at 14:35

answered Aug 27 '16 at 08:54

Saurabh Gaur

23,507
10
54
73

score -1 · Accepted Answer · answered Aug 28 '16 at 15:46

-1

you can also use Actions to click the menu item, here is an example:

menu = driver.find_element_by_css_selector(".nav")
hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")

ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()

answered Aug 28 '16 at 15:46

kshitij Nigam

44
1
8

how did you come up with 'submenu1' and 'nav'?? – Bhanu Tez Feb 15 '19 at 06:12

Select dropdown in AngularJS application from Python Selenium

3 Answers3