nightwatch/examples/tests/shadowRootExample.js

Easy to use Node.js based end-to-end testing solution for web applications using the W3C WebDriver API.

describe('Shadow Root example test', function() {

  it('retrieve the shadowRoot', async function(browser) {
    await browser
      .navigateTo('https://mdn.github.io/web-components-examples/popup-info-box-web-component/')
      .waitForElementVisible('form');

    const shadowRootEl = await browser.getShadowRoot('popup-info');
    const infoElement = await shadowRootEl.find('.info');

    await expect(infoElement.property('innerHTML'))
      .to.be.a('string')
      .and.to.include('card validation code');

    const iconElement = await shadowRootEl.find('.icon');
    const firstElement = await browser.getFirstElementChild(iconElement);

    await expect.element(firstElement).to.be.an('img');

  });
});