describe("initial render", function () {
  let mainPage
  describe("for topbar", function () {
    let topbar
    before(function (client, done) {
      done()
    })

    after(function (client, done) {
      client.end(function () {
        done()
      })
    })

    afterEach(function (client, done) {
      done()
    })

    beforeEach(function (client, done) {
      mainPage = client
        .url("localhost:3230")
        .page.main()

      topbar = mainPage.section.topbar

      client.waitForElementVisible(".download-url-input:not([disabled])", 10000)
        .clearValue(".download-url-input")
        .setValue(".download-url-input", "http://localhost:3230/test-specs/petstore.json")
        .click("button.download-url-button")
        .pause(1000)

      done()
    })

    it("renders section", function (client) {
      mainPage.expect.section("@topbar").to.be.visible
      client.end()
    })

    it("renders input box", function (client) {
      topbar.expect.element("@inputBox").to.be.visible
      client.end()
    })

    it("renders explore button", function (client) {
      topbar.expect.element("@btnExplore").to.be.visible

      client.end()
    })
  })
})