import {NightwatchBrowser} from 'nightwatch'




const tests = {
  before: function (browser: NightwatchBrowser, done: VoidFunction) {
    done()
  },
  open: function (browser: NightwatchBrowser) {
    browser.waitForElementVisible('*[data-id="openFolderButton"]', 10000).click('*[data-id="openFolderButton"]')
  },
  'open xterm linux and create a file': function (browser: NightwatchBrowser) {
    browser
      .waitForElementVisible('*[data-id="tabXTerm"]', 10000)
      .click('*[data-id="tabXTerm"]')
      .waitForElementVisible('*[data-type="remixUIXT"]', 10000)
      .click('*[data-type="remixUIXT"]')
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('echo test > example.txt').sendKeys(this.Keys.ENTER)
      })
      .waitForElementVisible('*[data-id="treeViewLitreeViewItemexample.txt"]', 10000)
  },
  'rename that file': function (browser: NightwatchBrowser) {
    browser
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('mv example.txt newExample.txt').sendKeys(this.Keys.ENTER)
      })
      .waitForElementVisible('*[data-id="treeViewLitreeViewItemnewExample.txt"]', 10000)
  },
  'create a file and delete it': function (browser: NightwatchBrowser) {
    browser
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('touch newExample2.txt').sendKeys(this.Keys.ENTER)
      })
      .waitForElementVisible('*[data-id="treeViewLitreeViewItemnewExample2.txt"]', 10000)
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('rm newExample2.txt').sendKeys(this.Keys.ENTER)
      })
      .waitForElementNotPresent('*[data-id="treeViewLitreeViewItemnewExample2.txt"]', 10000)
  },
  'run a git clone command': function (browser: NightwatchBrowser) {
    browser
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('git clone https://github.com/ethereum/awesome-remix').sendKeys(this.Keys.ENTER)
      })
      .waitForElementVisible('*[data-id="treeViewLitreeViewItemawesome-remix"]', 10000)
      .click('*[data-id="treeViewLitreeViewItemawesome-remix"]')
      .waitForElementVisible('*[data-id="treeViewLitreeViewItemawesome-remix/README.md"]', 10000)
  },
  'remove the cloned repo': function (browser: NightwatchBrowser) {
    browser
      .waitForElementVisible('*[data-type="remixUIXT"]', 10000)
      .click('*[data-type="remixUIXT"]')
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('rm -rf awesome-remix').sendKeys(this.Keys.ENTER)
      })
      .waitForElementNotPresent('*[data-id="treeViewLitreeViewItemawesome-remix"]', 10000)
  },
  'list files': function (browser: NightwatchBrowser) {
    browser
      .pause(2000)
      .waitForElementVisible({
        selector: "//*[@data-type='remixUIXT' and @data-active='1']",
        timeout: 10000,
        locateStrategy: 'xpath',
      })
      .click({
        selector: "//*[@data-type='remixUIXT' and @data-active='1']",
        timeout: 10000,
        locateStrategy: 'xpath',
      })
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('ls').sendKeys(this.Keys.ENTER)
      }).pause(3000)
      .getText(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        function (result) {
          console.log('Text content of the element:', result.value)
          browser.assert.ok((result.value as string).includes('newExample.txt'))
        }
      )
  },
  'switch to a new terminal': function (browser: NightwatchBrowser) {
    browser
      .waitForElementVisible('*[data-id="createTerminalButton"]', 10000)
      .click('*[data-id="createTerminalButton"]')
      .elements('css selector', '[data-type="remixUIXTSideButton"]', function (result) {
        browser.assert.ok((result.value as any).length === 2)
      })
      .getText(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        function (result) {
          console.log('Text content of the element:', result.value)
          browser.assert.ok(!(result.value as string).includes('newExample.txt'))
        }
      )
  },
  'switch to a third terminal': function (browser: NightwatchBrowser) {
    browser
      .waitForElementVisible('*[data-id="createTerminalButton"]', 10000)
      .click('*[data-id="createTerminalButton"]')
      .waitForElementVisible(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        10000
      )
      .click({
        selector: "//*[@data-type='remixUIXT' and @data-active='1']",
        timeout: 10000,
        locateStrategy: 'xpath',
      })
      .elements('css selector', '[data-type="remixUIXTSideButton"]', function (result) {
        browser.assert.ok((result.value as any).length === 3)
      })
      .perform(function () {
        const actions = this.actions({async: true})
        return actions.sendKeys('echo thirdterminal').sendKeys(this.Keys.ENTER)
      })
  },
  'switch back to the second terminal': function (browser: NightwatchBrowser) {
    browser
      .elements('css selector', '[data-type="remixUIXTSideButton"]', function (result) {
        browser.elementIdClick(Object.values((result.value as any)[1])[0] as any)
      })
      .getText(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        function (result) {
          console.log('Text content of the element:', result.value)
          browser.assert.ok(!(result.value as string).includes('newExample.txt'))
        }
      )
  },
  'close the second terminal': function (browser: NightwatchBrowser) {
    browser
      .waitForElementVisible('*[data-id="closeTerminalButton"]', 10000)
      .click('*[data-id="closeTerminalButton"]')
      .elements('css selector', '[data-type="remixUIXTSideButton"]', function (result) {
        browser.assert.ok((result.value as any).length === 2)
      })
  },
  'switch back to the first terminal': function (browser: NightwatchBrowser) {
    browser
      .elements('css selector', '[data-type="remixUIXTSideButton"]', function (result) {
        browser.elementIdClick(Object.values((result.value as any)[0])[0] as any)
      })
      .getText(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        function (result) {
          console.log('Text content of the element:', result.value)
          browser.assert.ok((result.value as string).includes('newExample.txt'))
        }
      )
  },
  'switch to the output panel': function (browser: NightwatchBrowser) {
    browser.waitForElementVisible('*[data-id="tabOutput"]', 10000).click('*[data-id="tabOutput"]').waitForElementNotPresent('*[data-id="createTerminalButton"]', 10000)
  },
  'switch back to xterminal': function (browser: NightwatchBrowser) {
    browser
      .waitForElementVisible('*[data-id="tabXTerm"]', 10000)
      .click('*[data-id="tabXTerm"]')
      .waitForElementVisible('*[data-type="remixUIXT"]', 10000)
      .click('*[data-type="remixUIXT"]')
      .getText(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        function (result) {
          console.log('Text content of the element:', result.value)
          browser.assert.ok((result.value as string).includes('newExample.txt'))
        }
      )
  },
  'clear the terminal and type exit': function (browser: NightwatchBrowser) {
    browser
      .pause(1000)
      .waitForElementVisible('*[data-id="clearTerminalButton"]', 10000)
      .click('*[data-id="clearTerminalButton"]')
      .getText(
        {
          selector: "//*[@data-type='remixUIXT' and @data-active='1']",
          timeout: 10000,
          locateStrategy: 'xpath',
        },
        function (result) {
          console.log('Text content of the element:', result.value)
          browser.assert.ok(!(result.value as string).includes('newExample.txt'))
          .waitForElementVisible(
            {
              selector: "//*[@data-type='remixUIXT' and @data-active='1']",
              timeout: 10000,
              locateStrategy: 'xpath',
            },
            10000
          )
          .click({
            selector: "//*[@data-type='remixUIXT' and @data-active='1']",
            timeout: 10000,
            locateStrategy: 'xpath',
          })
          .pause(1000)
          .perform(function () {
            const actions = this.actions({async: true})
            return actions.sendKeys('exit').sendKeys(this.Keys.ENTER)
          })
          .pause(1000)
          .elements('css selector', '[data-type="remixUIXTSideButton"]', function (result) {
            browser.assert.ok((result.value as any).length === 1)
          }).end()
        }
      ).pause(3000)
  },
}


module.exports = {
    ...process.platform.startsWith('win')?{}:tests
}