describe("bug #4196: HTTP basic auth credential retention", function () {
  let mainPage
  beforeEach(function (client, done) {
    mainPage = client
      .url("localhost:3230")
      .page.main()

    client.waitForElementVisible(".download-url-input:not([disabled])", 5000)
      .clearValue(".download-url-input")
      .setValue(".download-url-input", "http://localhost:3230/test-specs/bugs/4196.yaml")
      .click("button.download-url-button")

    done()
  })
  afterEach(function (client, done) {
    done()
  })
  it("should display the most recent auth data across modal close/opens", function (client) {
    client.waitForElementVisible(".opblock-tag-section", 10000)
      .click("button.btn.authorize") // Open modal
      .waitForElementVisible("section>input", 5000)
      .setValue("section>input", "aaa") // Set user
      .waitForElementVisible(`section>input[type="password"]`, 5000)
      .setValue(`section>input[type="password"]`, "aaa") // Set password
      .click(".auth-btn-wrapper button:nth-child(1)") // Click Authorize
      .assert.containsText("div.wrapper:nth-child(4)>code", "aaa")
      .click(".auth-btn-wrapper button:nth-child(2)") // Close modal
      .pause(50)
      .click("button.btn.authorize") // Open modal
      .pause(50)
      .click(".auth-btn-wrapper button:nth-child(1)") // Logout
      .waitForElementVisible("section>input", 5000)
      .setValue("section>input", "bbb") // Set user
      .waitForElementVisible(`section>input[type="password"]`, 5000)
      .setValue(`section>input[type="password"]`, "bbb") // Set password
      .click(".auth-btn-wrapper button:nth-child(1)") // Click Authorize
      .pause(1000)
      .assert.containsText("div.wrapper:nth-child(4)>code", "bbb")

    client.end()
  })
})