import { join } from 'path';
import webdriver from 'selenium-webdriver';
import electronPath from 'electron';
import expect from 'expect';
import chromedriver from 'chromedriver';
import { switchMonitorTests, delay } from '../utils/e2e';

const port = 9515;
const devPanelPath = 'chrome-extension://redux-devtools/devpanel.html';

describe('DevTools panel for Electron', function () {
  this.timeout(10000);

  before(async () => {
    chromedriver.start();
    await delay(1000);
    this.driver = new webdriver.Builder()
      .usingServer(`http://localhost:${port}`)
      .withCapabilities({
        chromeOptions: {
          binary: electronPath,
          args: [`app=${join(__dirname, 'fixture')}`],
        },
      })
      .forBrowser('electron')
      .build();
    await this.driver.manage().timeouts().setScriptTimeout(10000);
  });

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

  it('should open Redux DevTools tab', async () => {
    expect(await this.driver.getCurrentUrl()).toMatch(
      /chrome-devtools:\/\/devtools\/bundled\/inspector.html/
    );

    await this.driver.manage().timeouts().pageLoadTimeout(5000);

    const id = await this.driver.executeAsyncScript(function (callback) {
      let attempts = 5;
      function showReduxPanel() {
        if (attempts === 0) {
          return callback('Redux panel not found');
        }
        const tabs = UI.inspectorView._tabbedPane._tabs;
        const idList = tabs.map((tab) => tab.id);
        const reduxPanelId = 'chrome-extension://redux-devtoolsRedux';
        if (idList.indexOf(reduxPanelId) !== -1) {
          UI.inspectorView.showPanel(reduxPanelId);
          return callback(reduxPanelId);
        }
        attempts--;
        setTimeout(showReduxPanel, 500);
      }
      showReduxPanel();
    });
    expect(id).toBe('chrome-extension://redux-devtoolsRedux');

    const className = await this.driver
      .findElement(webdriver.By.className(id))
      .getAttribute('class');
    expect(className).toNotMatch(/hidden/); // not hidden
  });

  it('should have Redux DevTools UI on current tab', async () => {
    await this.driver
      .switchTo()
      .frame(
        this.driver.findElement(
          webdriver.By.xpath(`//iframe[@src='${devPanelPath}']`)
        )
      );
    await delay(1000);
  });

  it('should contain INIT action', async () => {
    const element = await this.driver.wait(
      webdriver.until.elementLocated(
        webdriver.By.xpath('//div[contains(@class, "actionListRows-")]')
      ),
      5000,
      'Element not found'
    );
    const val = await element.getText();
    expect(val).toMatch(/@@INIT/);
  });

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

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

  /*  it('should be no logs in console of main window', async () => {
    const handles = await this.driver.getAllWindowHandles();
    await this.driver.switchTo().window(handles[1]); // Change to main window

    expect(await this.driver.getTitle()).toBe('Electron Test');

    const logs = await this.driver.manage().logs().get(webdriver.logging.Type.BROWSER);
    expect(logs).toEqual([]);
  });
*/
});