Understanding Toffee Element Names

Toffee allows you to refer to elements by simple names, so that your tests are easy to understand by someone who is not familiar with HTML or the difference between <input type="textarea"> and <input type="search">. When writing your tests, you need to know the valid HTML element types associated with these simple Toffee element names. This mapping between Toffee element names and their HTML equivalents is shown in the table below.

Toffee Element Name(s)	Maps to HTML Equivalent(s)
element	(any)
text	(any)
button	<input type="button"/> <button>...</button> <input type="submit"/> <input type="reset"/> <a>...</a>
check box checkbox	<input type="checkbox"/> <input type="radio"/>
date	<input type="date"/>
drop down dropdown combo combo box combobox select	<select>...</select>
hyper link hyperlink link	<a>...</a>
label	<label>...</label>
number	<input type="number"/>
pass word password	<input type="password"/>
radio radio button	<input type="radio"/>
reset reset button	<input type="reset"/>
search	<input type="search"/>
submit submit button	<input type="submit"/>
table	<table>...</table>
textarea	<textarea>...</textarea>
textbox	<input type="text"/> <textarea>...</textarea> <input type="password"/> <input type="search"/> <input type="number"/> <input type="date"/>