import {NotificationEndpoint, SlackNotificationEndpoint} from '../../src/types'

describe('Notification Endpoints', () => {
  const endpoint: NotificationEndpoint = {
    orgID: '',
    name: 'Pre-Created Endpoint',
    userID: '',
    description: 'interrupt everyone at work',
    status: 'active',
    type: 'slack',
    url: 'insert.slack.url.here',
    token: 'plerps',
  }

  beforeEach(() => {
    cy.flush()

    cy.signin().then(({body}) => {
      const {
        org: {id},
      } = body
      cy.wrap(body.org).as('org')
      cy.fixture('routes').then(({orgs, alerting}) => {
        cy.createEndpoint({...endpoint, orgID: id}).then(({body}) => {
          cy.wrap(body).as('endpoint')
        })
        cy.visit(`${orgs}/${id}${alerting}`)
      })
    })
  })

  it('can create a notification endpoint', () => {
    const name = 'An Endpoint Has No Name'
    const description =
      'A minute, an hour, a month. Notification Endpoint is certain. The time is not.'

    cy.getByTestID('alert-column--header create-endpoint').click()

    cy.getByTestID('endpoint-name--input')
      .clear()
      .type(name)
      .should('have.value', name)

    cy.getByTestID('endpoint-description--textarea')
      .clear()
      .type(description)
      .should('have.value', description)

    cy.getByTestID('endpoint-change--dropdown')
      .click()
      .within(() => {
        cy.getByTestID('endpoint--dropdown--button').within(() => {
          cy.contains('Slack')
        })

        cy.getByTestID('endpoint--dropdown-item pagerduty').click()

        cy.getByTestID('endpoint--dropdown--button').within(() => {
          cy.contains('Pagerduty')
        })
      })

    cy.getByTestID('pagerduty-url')
      .clear()
      .type('many-faced-god.gov')
      .should('have.value', 'many-faced-god.gov')

    cy.getByTestID('pagerduty-routing-key')
      .type('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9')
      .should('have.value', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9')

    cy.getByTestID('endpoint-change--dropdown')
      .click()
      .within(() => {
        cy.getByTestID('endpoint--dropdown--button').within(() => {
          cy.contains('Pagerduty')
        })

        cy.getByTestID('endpoint--dropdown-item slack').click()

        cy.getByTestID('endpoint--dropdown--button').within(() => {
          cy.contains('Slack')
        })
      })

    cy.getByTestID('slack-url')
      .clear()
      .type('slack.url.us')
      .should('have.value', 'slack.url.us')

    cy.getByTestID('slack-token')
      .clear()
      .type('another token')
      .should('have.value', 'another token')

    cy.getByTestID('endpoint-save--button').click()

    cy.getByTestID(`endpoint-card ${name}`).should('exist')
    cy.getByTestID('endpoint--overlay').should('not.be.visible')
  })

  it('can edit a notification endpoint', () => {
    cy.get<SlackNotificationEndpoint>('@endpoint').then(endpoint => {
      const {name, description, url, token} = endpoint
      const newName = 'An Endpoint Has No Name'
      const newDescription =
        'A minute, an hour, a month. Notification Endpoint is certain. The time is not.'
      const newURL = 'many-faced-god.gov'

      cy.getByTestID(`endpoint-card--name ${name}`).click()

      cy.getByTestID('endpoint-name--input')
        .should('have.value', name)
        .clear()
        .type(newName)
        .should('have.value', newName)

      cy.getByTestID('endpoint-description--textarea')
        .should('have.value', description)
        .clear()
        .type(newDescription)
        .should('have.value', newDescription)

      cy.getByTestID('slack-url').should('have.value', url)

      cy.getByTestID('slack-token').should('have.value', token)

      cy.getByTestID('endpoint-change--dropdown')
        .click()
        .within(() => {
          cy.getByTestID('endpoint--dropdown--button').within(() => {
            cy.contains('Slack')
          })

          cy.getByTestID('endpoint--dropdown-item pagerduty').click()

          cy.getByTestID('endpoint--dropdown--button').within(() => {
            cy.contains('Pagerduty')
          })
        })

      cy.getByTestID('pagerduty-url')
        .clear()
        .type(newURL)
        .should('have.value', newURL)

      cy.getByTestID('pagerduty-routing-key')
        .clear()
        .type('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9')
        .should('have.value', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9')

      cy.getByTestID('endpoint-save--button').click()

      cy.getByTestID(`endpoint-card ${newName}`).should('exist')
      cy.getByTestID('endpoint--overlay').should('not.be.visible')
    })
  })
})