In the target webpage, there is an angularjs input element:
<input type="text" class="form-control ng-pristine ng-valid ng-valid-maxlength ng-touched" placeholder="Role name" ng-model="selectedRole.roleName" maxlength="50">
enter image description here
And i can locate the element using selenium(python) by using (By.CSS_SELECTOR,'input[ng-model="selectedRole.roleName"]'), but cannot set its value, can anybody help on this, thanks in advance!
Once you've located the input element, just send the keys to it:
role_name = driver.find_element_by_css_selector('input[ng-model="selectedRole.roleName"]')
role_name.send_keys("test")
I think you need to wait before send_keys using WebDriverWait until element to be visible as below :
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
wait = WebDriverWait(driver, 20)
role_name = wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR,'input[ng-model="selectedRole.roleName"]')))
#now go for set value
role_name.send_keys("alvin")
If you are still unable to set value try using execute_script as below :
driver.execute_script("arguments[0].value = 'alvin'", role_name)
Hope it helps...:)
You can simply access and set value using the below code.
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
driver.find_element_by_xpath("//input[@ng-model = 'selectedRole.roleName']")
WebDriverWait(browser, 60).until(EC.presence_of_element_located((By.XPATH, "//input[@ng-model = 'selectedRole.roleName']"))).send_keys('Your Value')
WebDriverWait..??