context("Create a automation", () => {
  before(() => {
    cy.login()
    cy.createTestApp()
  })

  // https://on.cypress.io/interacting-with-elements
  it("should create a automation", () => {
    cy.createTestTableWithData()
    cy.wait(2000)
    cy.contains("Automate").click()
    cy.get("[data-cy='new-screen'] > .spectrum-Icon").click()
    cy.get(".modal-inner-wrapper").within(() => {
      cy.get("input").type("Add Row")
      cy.contains("Row Created").click({ force: true })
      cy.wait(500)
      cy.get(".spectrum-Button--cta").click()
    })

    // Setup trigger
    cy.contains("Setup").click()
    cy.get(".spectrum-Picker-label").click()
    cy.wait(500)
    cy.contains("dog").click()
    cy.wait(2000)
    // Create action
    cy.get(".block > .spectrum-Icon").click()
    cy.get(".modal-inner-wrapper").within(() => {
      cy.wait(1000)
      cy.contains("Create Row").trigger('mouseover').click().click()
      cy.get(".spectrum-Button--cta").click()
    })
    cy.contains("Setup").click()
    cy.get(".spectrum-Picker-label").click()
    cy.contains("dog").click()
    cy.get(".spectrum-Textfield-input")
    .first()
    .type("{{ trigger.row.name }}", { parseSpecialCharSequences: false })
    cy.get(".spectrum-Textfield-input")
      .eq(1)
      .type("11")
    cy.contains("Finish and test automation").click()

    cy.get(".modal-inner-wrapper").within(() => {
      cy.wait(1000)
      cy.get(".spectrum-Picker-label").click()
      cy.contains("dog").click()
      cy.wait(1000)
      cy.get(".spectrum-Textfield-input")
        .first()
        .type("automationGoodboy")
      cy.get(".spectrum-Textfield-input")
        .eq(1)
        .type("11")
      cy.get(".spectrum-Textfield-input")
        .eq(2)
        .type("123456")
      cy.get(".spectrum-Textfield-input")
        .eq(3)
        .type("123456")
      cy.contains("Test").click()
    })
    cy.contains("Data").click()
    cy.contains("automationGoodboy")
  })
})