import { ensureUserExists, login } from './helpers/login'
import { createProject } from './helpers/project'
import { startWith } from './helpers/config'
import { v4 as uuid } from 'uuid'

const WITHOUT_PROJECTS_USER = 'user-without-projects@example.com'
const REGULAR_USER = 'user@example.com'

describe('Project List', () => {
  startWith({ pro: true })

  const findProjectRow = (projectName: string) => {
    cy.log('find project row')
    return cy.findByText(projectName).parent().parent()
  }

  describe('user with no projects', () => {
    ensureUserExists({ email: WITHOUT_PROJECTS_USER })

    it("'Import from Github' is not displayed in the welcome page", () => {
      login(WITHOUT_PROJECTS_USER)
      cy.visit('/project')
      cy.findByText('Create a new project').click()
      cy.findByText(/Import from Github/i).should('not.exist')
    })
  })

  describe('user with projects', () => {
    const projectName = `test-project-${uuid()}`
    let projectId: string | undefined
    ensureUserExists({ email: REGULAR_USER })

    before(() => {
      login(REGULAR_USER)
      cy.visit('/project')
      createProject(projectName, { type: 'Example Project' }).then(
        id => (projectId = id)
      )
    })

    it('Can download project sources', () => {
      login(REGULAR_USER)
      cy.visit('/project')

      findProjectRow(projectName).within(() =>
        cy.get(`[aria-label="Download .zip file"]`).click()
      )

      cy.task('readFileInZip', {
        pathToZip: `cypress/downloads/${projectName}.zip`,
        fileToRead: 'main.tex',
      }).should('contain', 'Your introduction goes here')
    })

    it('Can download project PDF', () => {
      login(REGULAR_USER)
      cy.visit('/project')

      findProjectRow(projectName).within(() =>
        cy.get(`[aria-label="Download PDF"]`).click()
      )

      const pdfName = projectName.replaceAll('-', '_')
      cy.task('readPdf', `cypress/downloads/${pdfName}.pdf`).should(
        'contain',
        'Your introduction goes here'
      )
    })

    it('can assign and remove tags to projects', () => {
      const tagName = uuid().slice(0, 7) // long tag names are truncated in the UI, which affects selectors
      login(REGULAR_USER)
      cy.visit('/project')

      cy.log('select project')
      cy.get(`[id="select-project-${projectId}"`).click()

      cy.log('add tag to project')
      cy.get('button[aria-label="Tags"]').click()
      cy.findByText('Create new tag').click()
      cy.get('input[name="new-tag-form-name"]').type(`${tagName}{enter}`)
      cy.get(`button[aria-label="Select tag ${tagName}"]`) // tag label in project row

      cy.log('remove tag')
      cy.get(`button[aria-label="Remove tag ${tagName}"]`)
        .first()
        .click({ force: true })
      cy.get(`button[aria-label="Select tag ${tagName}"]`).should('not.exist')
    })

    it('can filter by tag', () => {
      cy.log('create a separate project to filter')
      const nonTaggedProjectName = `project-${uuid()}`
      login(REGULAR_USER)
      cy.visit('/project')
      createProject(nonTaggedProjectName)
      cy.visit('/project')

      cy.log('select project')
      cy.get(`[id="select-project-${projectId}"`).click()

      cy.log('add tag to project')
      const tagName = uuid().slice(0, 7) // long tag names are truncated in the UI, which affects selectors
      cy.get('button[aria-label="Tags"]').click()
      cy.findByText('Create new tag').click()
      cy.get('input[name="new-tag-form-name"]').type(`${tagName}{enter}`)

      cy.log(
        'check the non-tagged project is filtered out after clicking the tag'
      )
      cy.findByText(nonTaggedProjectName).should('exist')
      cy.get('button').contains(tagName).click({ force: true })
      cy.findByText(nonTaggedProjectName).should('not.exist')
    })
  })
})