context('User Management', () => {
  beforeEach(() => {
    cy.$login()
    cy.$clickSidebarItem('Users')
  })

  it('shows the list of users', () => {
    cy.get('#usersWrapper').within(() => {
      cy.findByTestId('user-card').should('have.length', 3).and('be.visible')

      cy.get('[data-testid=user-card].me').within(() => {
        cy.findByTitle('This is you!').should('be.visible')
        cy.findByTitle('User has admin privileges').should('be.visible')
      })
    })
  })

  it('adds a user', () => {
    cy.intercept('POST', '/api/user', {
      fixture: 'user.post.200.json'
    })

    cy.findByTestId('add-user-btn').click()
    cy.findByTestId('add-user-form').within(() => {
      cy.get('[name=name]').should('be.focused')
        .type('Charles')
      cy.get('[name=email]').type('charles@koel.test')
      cy.get('[name=password]').type('a-secure-password')
      cy.get('[name=is_admin]').check()
      cy.get('[type=submit]').click()
    })

    cy.findByText('New user "Charles" created.').should('be.visible')
    cy.findByTestId('user-card').should('have.length', 4)

    cy.get('#usersWrapper [data-testid=user-card]:first-child').within(() => {
      cy.findByText('Charles').should('be.visible')
      cy.findByText('charles@koel.test').should('be.visible')
      cy.findByTitle('User has admin privileges').should('be.visible')
    })
  })

  it('redirects to profile for current user', () => {
    cy.get('#usersWrapper [data-testid=user-card].me [data-testid=edit-user-btn]').click({ force: true })
    cy.url().should('contain', '/#!/profile')
  })

  it('edits a user', () => {
    cy.intercept('PUT', '/api/user/2', {
      fixture: 'user.put.200.json'
    })

    cy.get('#usersWrapper [data-testid=user-card]:nth-child(2) [data-testid=edit-user-btn]').click({ force: true })

    cy.findByTestId('edit-user-form').within(() => {
      cy.get('[name=name]').should('be.focused').and('have.value', 'Alice')
        .clear().type('Adriana')

      cy.get('[name=email]').should('have.value', 'alice@koel.test')
        .clear().type('adriana@koel.test')

      cy.get('[name=password]').should('have.value', '')
      cy.get('[type=submit]').click()
    })

    cy.findByText('User profile updated.').should('be.visible')

    cy.get('#usersWrapper [data-testid=user-card]:nth-child(2)').within(() => {
      cy.findByText('Adriana').should('be.visible')
      cy.findByText('adriana@koel.test').should('be.visible')
    })
  })

  it('deletes a user', () => {
    cy.intercept('DELETE', '/api/user/2', {})

    cy.get('#usersWrapper [data-testid=user-card]:nth-child(2) [data-testid=delete-user-btn]').click({ force: true })
    cy.$confirm()
    cy.findByText('User "Alice" deleted.').should('be.visible')
    cy.get('#usersWrapper [data-testid=user-card]').should('have.length', 2)
  })
})