Clear Input

Clearing text from input controls seems like a simple task but it has many nuances. Different control types handle text selection and deletion differently. A robust test automation tool should be able to clear pre-filled text from any type of text input control reliably.

Scenario

Each input below is pre-filled with text.
Clear the text in each input field using your automation tool.
Verify that all fields are empty after clearing.
The status label below the playground shows the number of non-empty fields remaining.

Playground

Input (type=text)

Textarea

Input (type=password)

Input (type=email)

Input (type=number)

Input (type=search)

Input (type=url)

Input (type=tel)

Content Editable Div

This is an editable div element. It behaves differently from standard input fields.

Non-empty fields remaining: 9