View Source Wallaby.Element (wallaby v0.30.9)

Defines an Element Struct and interactions with Elements.

Typically these functions are used in conjunction with a find:

page
|> find(Query.css(".some-element"), fn(element) -> Element.click(element) end)

These functions can be used to create new actions specific to your application:

def create_todo(todo_field, todo_text) do
  todo_field
  |> Element.click()
  |> Element.fill_in(with: todo_text)
  |> Element.send_keys([:enter])
end

Retrying

Unlike Browser the actions in Element do not retry if the element becomes stale. Instead an exception will be raised.

Summary

Functions

Gets the value of the element's attribute.

Clears any value set in the element.

Clicks the element.

Fills in the element with the specified value.

Hovers on the element.

Returns a tuple {x, y} with the coordinates of the left-top corner of given element.

Returns a boolean based on whether or not the element is selected.

Sends keys to the element.

Sets the value of the element.

Returns a tuple {width, height} with the size of the given element.

Taps the element.

Gets the element's text value.

Touches and holds the element on its top-left corner plus an optional offset.

Scroll on the screen from the given element by the given offset using touch events.

Returns the Element's value.

Returns a boolean based on whether or not the element is visible.

Types

@type attr() :: String.t()
@type keys_to_send() :: String.t() | [atom() | String.t()]
@type t() :: %Wallaby.Element{
  driver: module(),
  id: String.t(),
  parent: term(),
  screenshots: list(),
  session_url: String.t(),
  url: String.t()
}
@type value() :: String.t() | number() | :selected | :unselected

Functions

@spec attr(t(), attr()) :: String.t() | nil

Gets the value of the element's attribute.

@spec clear(t()) :: t()

Clears any value set in the element.

Link to this function

click(element, retry_count \\ 0)

View Source

Clicks the element.

@spec fill_in(t(), [{:with, String.t() | number()}]) :: t()

Fills in the element with the specified value.

@spec hover(t()) :: t()

Hovers on the element.

@spec location(t()) :: {non_neg_integer(), non_neg_integer()}

Returns a tuple {x, y} with the coordinates of the left-top corner of given element.

@spec selected?(t()) :: boolean()

Returns a boolean based on whether or not the element is selected.

Note

This only really makes sense for options, checkboxes, and radio buttons. Everything else will simply return false because they have no notion of "selected".

Link to this function

send_keys(element, text)

View Source
@spec send_keys(t(), keys_to_send()) :: t()

Sends keys to the element.

Link to this function

set_value(element, value)

View Source
@spec set_value(t(), value()) :: t()

Sets the value of the element.

@spec size(t()) :: {non_neg_integer(), non_neg_integer()}

Returns a tuple {width, height} with the size of the given element.

@spec tap(t()) :: t()

Taps the element.

@spec text(t()) :: String.t()

Gets the element's text value.

If the element is not visible, the return value will be "".

Link to this function

touch_down(element, x_offset \\ 0, y_offset \\ 0)

View Source
@spec touch_down(t(), integer(), integer()) :: t()

Touches and holds the element on its top-left corner plus an optional offset.

Link to this function

touch_scroll(element, x_offset, y_offset)

View Source
@spec touch_scroll(t(), integer(), integer()) :: t()

Scroll on the screen from the given element by the given offset using touch events.

@spec value(t()) :: String.t()

Returns the Element's value.

@spec visible?(t()) :: boolean()

Returns a boolean based on whether or not the element is visible.