Clear text from textarea with selenium
PythonSeleniumSelenium WebdriverPython Problem Overview
I've got some tests where I'm checking that the proper error message appears when text in certain fields are invalid. One check for validity is that a certain textarea element is not empty.
If this textarea already has text in it, how can I tell selenium to clear the field?
something like:
driver.get_element_by_id('foo').clear_field()
Python Solutions
Solution 1 - Python
driver.find_element_by_id('foo').clear()
Solution 2 - Python
Option a)
If you want to ensure keyboard events are fired, consider using sendKeys(CharSequence)
.
Example 1:
from selenium.webdriver.common.keys import Keys
# ...
webElement.sendKeys(Keys.CONTROL + "a")
webElement.sendKeys(Keys.DELETE)
Example 2:
from selenium.webdriver.common.keys import Keys
# ...
webElement.sendKeys(Keys.BACK_SPACE) //do repeatedly, e.g. in while loop
WebElement
There are many ways to get the required WebElement, e.g.:
- driver.find_element_by_id
- driver.find_element_by_xpath
- driver.find_element
Option b)
webElement.clear()
If this element is a text entry element, this will clear the value.
Note that the events fired by this event may not be as you'd expect. In particular, we don't fire any keyboard or mouse events.
Solution 3 - Python
I ran into a field where .clear() did not work. Using a combination of the first two answers worked for this field.
from selenium.webdriver.common.keys import Keys
#...your code (I was using python 3)
driver.find_element_by_id('foo').send_keys(Keys.CONTROL + "a")
driver.find_element_by_id('foo').send_keys(Keys.DELETE)
Solution 4 - Python
In the most recent Selenium version, use:
driver.find_element_by_id('foo').clear()
Solution 5 - Python
In my experience, this turned out to be the most efficient
driver.find_element_by_css_selector('foo').send_keys(u'\ue009' + u'\ue003')
We are sending Ctrl + Backspace to delete all characters from the input, you can also replace backspace with delete.
EDIT: removed Keys dependency
Solution 6 - Python
Am using selenium==3.141.0 and I don't know why
WebElement.clear()
is not working.
I used
WebElement.send_keys(Keys.CONTROL, 'a')
WebElement.send_keys(Keys.DELETE)
Which perfectly worked for me.
Solution 7 - Python
for java
driver.findelement(By.id('foo').clear();
or
webElement.clear();
If this element is a text entry element, this will clear the value.
Solution 8 - Python
It is general syntax
driver.find_element_by_id('Locator value').clear();
driver.find_element_by_name('Locator value').clear();
Solution 9 - Python
The CTRL+A send_keys solution did not work for me in react. Testing in the browser directly, CTRL+A just sends the cursor to the start of the text element. Instead, this seems to be reliable for selecting all content in the element.
preferred_name_field.send_keys(Keys.SHIFT, Keys.ARROW_UP)
preferred_name_field.send_keys(Keys.DELETE)
Solution 10 - Python
With a simple call of clear() it appears in the DOM that the corresponding input/textarea component still has its old value, so any following changes on that component (e.g. filling the component with a new value) will not be processed in time.
If you take a look in the selenium source code you'll find that the clear()-method is documented with the following comment:
> /** If this element is a text entry element, this will clear the value. Has no effect on other elements. Text entry elements are INPUT and TEXTAREA elements. Note that the events fired by this event may not be as you'd expect. In particular, we don't fire any keyboard or mouse events. If you want to ensure keyboard events are fired, consider using something like {@link #sendKeys(CharSequence...)} with the backspace key. To ensure you get a change event, consider following with a call to {@link #sendKeys(CharSequence...)} with the tab key. */
So using this helpful hint to clear an input/textarea (component that already has a value) AND assign a new value to it, you'll get some code like the following:
public void waitAndClearFollowedByKeys(By by, CharSequence keys) {
LOG.debug("clearing element");
wait(by, true).clear();
sendKeys(by, Keys.BACK_SPACE.toString() + keys);
}
public void sendKeys(By by, CharSequence keysToSend) {
WebElement webElement = wait(by, true);
LOG.info("sending keys '{}' to {}", escapeProperly(keysToSend), by);
webElement.sendKeys(keysToSend);
LOG.info("keys sent");
}
private String escapeProperly(CharSequence keysToSend) {
String result = "" + keysToSend;
result = result.replace(Keys.TAB, "\\t");
result = result.replace(Keys.ENTER, "\\n");
result = result.replace(Keys.RETURN, "\\r");
return result;
}
Sorry for this code being Java and not Python. Also, I had to skip out an additional "waitUntilPageIsReady()-method that would make this post way too long.
Hope this helps you on your journey with Selenium!
Solution 11 - Python
Try:
driver=self.driver
driver.find_element_by_xpath('Path').send_keys(Keys.CONTROL + "a")
driver.find_element_by_xpath('Path').send_keys(Keys.BACK_SPACE)
Solution 12 - Python
driver.find_element_by_xpath("path").send_keys(Keys.CONTROL + u'\ue003')
worked great with FireFox
- u'\ue003' is a BACK_SPACE for those like me - never remembering it)
Solution 13 - Python
from selenium.webdriver.common.keys import Keys
element = driver.find_element_by_css_selector('foo') element.send_keys(Keys.CONTROL + Keys.BACKSPACE)
Solution 14 - Python
If clear() is not working, you can simulate the press of Backspace multiple times using: driver.get_element_by_id('foo').send_keys(Keys.BACKSPACE)
To execute this multiple times, use:
from selenium.webdriver.common.keys import Keys
# Replace 100 with the number of time you want to press backspace.
for i in range(0, 100):
driver.get_element_by_id('foo').send_keys(Keys.BACKSPACE)