context("Create a workflow", () => {
  before(() => {
    cy.server()
    cy.visit("localhost:4001/_builder")

    cy.createApp(
      "Workflow Test App",
      "This app is used to test that workflows do in fact work!"
    )
  })

  // https://on.cypress.io/interacting-with-elements
  it("should create a workflow", () => {
    cy.createTestTableWithData()

    cy.contains("workflow").click()
    cy.contains("Create New Workflow").click()
    cy.get("input").type("Add Record")
    cy.contains("Save").click()

    // Add trigger
    cy.get("[data-cy=add-workflow-component]").click()
    cy.get("[data-cy=RECORD_SAVED]").click()
    cy.get("[data-cy=workflow-block-setup]").within(() => {
      cy.get("select")
        .first()
        .select("dog")
    })

    // Create action
    cy.get("[data-cy=SAVE_RECORD]").click()
    cy.get("[data-cy=workflow-block-setup]").within(() => {
      cy.get("select")
        .first()
        .select("dog")
      cy.get("input")
        .first()
        .type("goodboy")
      cy.get("input")
        .eq(1)
        .type("11")
    })

    // Save
    cy.contains("Save Workflow").click()

    // Activate Workflow
    cy.get("[data-cy=activate-workflow]").click()
    cy.contains("Add Record").should("be.visible")
    cy.get(".stop-button.highlighted").should("be.visible")
  })

  it("should add record when a new record is added", () => {
    cy.contains("backend").click()
    cy.addRecord(["Rover", 15])
    cy.reload()
    cy.contains("goodboy").should("have.text", "goodboy")
  })
})