nextElement

Returns the next sibling element of the selected DOM-element.

Usage

$(selector).nextElement()

Examples

Asynchronous Mode

index.html

<div class="parent">
    <p>Sibling One</p>
    <p>Sibling Two</p>
    <p>Sibling Three</p>
</div>

nextElement.js

it('should get text from next sibling element', async () => {
    const elem = await $$('p');
    const nextElement = await elem[1].nextElement()
    console.log(await nextElement.getText()); // outputs: "Sibling Three"
});

Synchronous Mode

index.html

<div class="parent">
    <p>Sibling One</p>
    <p>Sibling Two</p>
    <p>Sibling Three</p>
</div>

nextElement.js

it('should get text from next sibling element', () => {
    const elem = $$('p');
    const nextElement = elem[1].nextElement()
    console.log(nextElement.getText()); // outputs: "Sibling Three"
});

caution

Synchronous Mode will depcrecated with Node.js v16. With an update to the underlying Chromium version it became technically impossible to provide the same synchronous behavior. We recommend to start transition to asynchronous command execution. For more information, see our RFC.