title |
---|
parent |
Get the parent DOM element of a set of DOM elements.
{% note info %}
The querying behavior of this command matches exactly how {% url .parent()
http://api.jquery.com/parent %} works in jQuery.
{% endnote %}
.parent()
.parent(selector)
.parent(options)
.parent(selector, options)
{% fa fa-check-circle green %} Correct Usage
cy.get('header').parent() // Yield parent el of `header`
{% fa fa-exclamation-triangle red %} Incorrect Usage
cy.parent() // Errors, cannot be chained off 'cy'
cy.reload().parent() // Errors, 'reload' does not yield DOM element
{% fa fa-angle-right %} selector (String selector)
A selector used to filter matching DOM elements.
{% fa fa-angle-right %} options (Object)
Pass in an options object to change the default behavior of .parent()
.
Option | Default | Description |
---|---|---|
log |
true |
{% usage_options log %} |
timeout |
{% url defaultCommandTimeout configuration#Timeouts %} |
{% usage_options timeout .parent %} |
{% yields changes_dom_subject_or_subjects .parent %}
cy.get('li.active').parent()
cy.get('li.active').parent('.nav')
{% requirements dom .parent %}
{% assertions existence .parent %}
{% timeouts existence .parent %}
Assert on the parent of the active li
cy.get('li.active').parent().should('have.class', 'nav')
The commands above will display in the Command Log as:
{% imgTag /img/api/parent/get-parent-element-just-like-jquery.png "Command Log parent" %}
When clicking on the parent
command within the command log, the console outputs the following:
{% imgTag /img/api/parent/parent-command-found-elements-for-console-log.png "Console Log parent" %}
- {% url
.children()
children %} - {% url
.parents()
parents %} - {% url
.parentsUntil()
parentsuntil %}