redux-devtools/extension/test/chrome/extension.spec.js

import { resolve } from 'path';
import webdriver from 'selenium-webdriver';
import chrome from 'selenium-webdriver/chrome';
import chromedriver from 'chromedriver';
import { switchMonitorTests, delay } from '../utils/e2e';

const port = 9515;
const path = resolve(__dirname, '..', '..', 'build', 'extension');
const extensionId = 'lmhkpmbekcpmknklioeibfkpmmfibljd';
const actionsPattern =
  /^@@INIT(.|\n)+@@reduxReactRouter\/routerDidChange(.|\n)+@@reduxReactRouter\/initRoutes(.|\n)+$/;

describe('Chrome extension', function () {
  let driver;

  beforeAll(async () => {
    chromedriver.start();
    await delay(2000);
    driver = new webdriver.Builder()
      .usingServer(`http://localhost:${port}`)
      .setChromeOptions(
        new chrome.Options().addArguments(`load-extension=${path}`)
      )
      .forBrowser('chrome')
      .build();
  });

  afterAll(async () => {
    await driver.quit();
    chromedriver.stop();
  });

  it("should open extension's window", async () => {
    await driver.get(`chrome-extension://${extensionId}/window.html#left`);
    const url = await driver.getCurrentUrl();
    expect(url).toBe(`chrome-extension://${extensionId}/window.html#left`);
  });

  it('should match document title', async () => {
    const title = await driver.getTitle();
    expect(title).toBe('Redux DevTools');
  });

  it("should contain inspector monitor's component", async () => {
    await delay(1000);
    const val = await driver
      .findElement(webdriver.By.xpath('//div[contains(@class, "inspector-")]'))
      .getText();
    expect(val).toBeDefined();
  });

  it('should contain an empty actions list', async () => {
    const val = await driver
      .findElement(
        webdriver.By.xpath('//div[contains(@class, "actionListRows-")]')
      )
      .getText();
    expect(val).toBe('');
  });

  Object.keys(switchMonitorTests).forEach((description) =>
    it(description, () => switchMonitorTests[description](driver))
  );

  it('should get actions list', async () => {
    const url = 'http://zalmoxisus.github.io/examples/router/';
    await driver.executeScript(`window.open('${url}')`);
    await delay(2000);

    const tabs = await driver.getAllWindowHandles();

    await driver.switchTo().window(tabs[1]);
    expect(await driver.getCurrentUrl()).toMatch(url);

    await driver.switchTo().window(tabs[0]);

    const result = await driver.wait(
      driver
        .findElement(
          webdriver.By.xpath('//div[contains(@class, "actionListRows-")]')
        )
        .getText()
        .then((val) => {
          return actionsPattern.test(val);
        }),
      15000,
      "it doesn't match actions pattern"
    );
    expect(result).toBeTruthy();
  });
});