Click on an element based on given selector.

When I click on "button.showModal"

Press a button element with string argument interpreted as (in order):

1. CSS Selector
2. Text of <button> elements
3. Value of <input type="submit"> elements

When I press "button.register"
And I press "Register"
And I press "Submit"

Follow a link element with string argument interpreted as (in order):

1. CSS Selector
2. Text of <a> elements

When I follow "a[href='/about']"

Hover an element with cursor (activate CSS :hover property).

When I hover "nav.menu" element

Submits a form found by given selector. The submit command may also be applied to any element that is a descendant of a <form> element.

When I submit "form#register" form

Assert page sources (with tags) contains the provided string.

Then I should see "Home Page"

Assert page sources (with tags) not contains the provided string.

Then I should not see "Detail Page"

Assert page sources (with tags) match with provided RegExp.

Then I should see text matching Post-\d+

Assert page sources (with tags)does not match with provided RegExp.

Then I should not see text matching .+@.+

Assert page contains X DOM-elements with the provided CSS Selector.

Then I should see 3 "section.post" elements

Assert DOM-element(s) with the provided CSS Selector contains the provided text.

Then I should see "Home Page" in the "h1" element

Assert DOM-element(s) with the provided CSS Selector do not contains the provided text.

Then I should not see "Post Detail Page" in the "h1" element

Assert if the selected DOM-element found by given selector is visible.

Then I should see an "h2.content-subhead" element

Assert if the selected DOM-element found by given selector is not visible.

Then I should not see an "h2.content-subhead" element

Assert that at least one element exits matching given selector.

Then the "h2.content-subhead" element should exist

Assert that no element exists matching given selector.

Then the "h2.content-subhead" element should not exist

Assert the currently selected option of a select field contains provided text.

Then the "select[name='country']" current option contain "USA"

Assert if the input’s value of given selector contains provided text.

Then the "textarea[name='description']" field should contain "My text"

Assert if the input’s value of given selector do not contains provided text.

Then the "textarea[name='description']" field should not contain "My first name"

Assert that the input is enabled.

Then the "input[name='first_name']" field should be enabled

Assert that the input is disabled.

Then the "input[name='disabled_input']" field should be disabled

Assert that the checkbox is checked.

Then the "#checkbox-input" checkbox should be checked

Assert that the checkbox is unchecked.

Then the "#checkbox-input" checkbox should not be checked

Assert current URL pathname equals ‘/’.

Then I should be on the homepage

Assert current URL pathname equals the given string.

Then I should be on "/post/1"

Assert current URL pathname match against provided RegExp.

Then the url should match ^\/post\/\d+

Assert current URL query string match against provided RegExp.

Then the url parameter should match ^\/post\/\d+

Send a sequence of key strokes to an element (clears value before). You can also use unicode characters like Left arrow or Back space. You’ll find all supported characters here. To do that, the value has to correspond to a key from the table.

Then I fill in "input[name='first_name']" with:
  """
  My long multi-line text ...
  """

Fill multiples fields at once. Internally uses the above step.

When I fill in the following:
  | input[name='first_name']     | John          |
  | input[name='last_name']      | Doe           |
  | textarea[name='description'] | Some text ... |

Select option that display text matching the argument.

Then I select "France" from "select.country"

Check the checkboxe with provided selector.

Then I check "#checkbox-input"

Uncheck the checkboxe with provided selector.

Then I uncheck "#checkbox-input-next"

Set driver’s baseUrl. Useful to use short path in subsequent navigation (ex: “/login”)

When I browse "http://127.0.0.1:3000/

Navigate to homepage, ie: baseUrl + ‘/’

When I am on the homepage

Browse given URL or path.

When I am on "/post/2"

Reload the current page.

When I reload the page

Navigate backwards in the browser history, if possible.

When I move backward one page

Take a screenshot of the current viewport and save it at ./screenshot.png

Then I take a screenshot

Set browser viewport size, width and height in pixel. The default viewport is: { width: 1366, height: 768 } (most used screen resolution).

When the viewport is 360px width and 568px height

Wait for X seconds.

Then I wait 10 seconds