import { getConfigProperty } from '../../../helpers/config.helpers.js'
import { testAdmin } from '../../../test/_globals.js'
import type { Fee } from '../../../types/record.types.js'
import { ajaxDelayMillis, login, logout } from '../../support/index.js'

describe('Admin - Fee Management', () => {
  beforeEach('Loads page', () => {
    logout()
    login(testAdmin)
    cy.visit('/admin/fees')
    cy.location('pathname').should('equal', '/admin/fees')
  })

  afterEach(logout)

  it('Has no detectable accessibility issues', () => {
    cy.injectAxe()
    cy.checkA11y()
  })

  it('Creates a new fee category', () => {
    cy.get("[data-cy='addFeeCategory']").click()

    cy.get('.modal').should('be.visible')

    cy.injectAxe()
    cy.checkA11y()

    cy.fixture('fee.json').then((fee: Fee) => {
      cy.get(".modal input[name='feeCategory']").type(fee.feeCategory ?? '')

      cy.get(".modal button[type='submit']").click()

      cy.wait(ajaxDelayMillis)

      cy.get('.container--feeCategory .panel-heading .title').should(
        'contain.text',
        fee.feeCategory
      )
    })
  })

  it('Creates a new fee', () => {
    cy.get("[data-cy='addFee']").first().click()

    cy.get('.modal').should('be.visible')

    cy.injectAxe()
    cy.checkA11y()

    cy.fixture('fee.json').then((fee: Fee) => {
      cy.get(".modal input[name='feeName']").type(fee.feeName ?? '')

      cy.get(".modal textarea[name='feeDescription']").type(
        fee.feeDescription ?? ''
      )

      cy.get(".modal input[name='feeAmount']")
        .clear()
        .type(fee.feeAmount?.toString() ?? '')

      cy.get(".modal input[name='taxAmount']").should('be.disabled')

      cy.get(".modal input[name='taxPercentage']")
        .invoke('val')
        .should(
          'equal',
          getConfigProperty('settings.fees.taxPercentageDefault').toString()
        )

      cy.get(".modal input[name='quantityUnit']").should('be.disabled')

      cy.get(".modal select[name='includeQuantity']").select('1')

      cy.get(".modal input[name='quantityUnit']")
        .should('not.be.disabled')
        .type(fee.quantityUnit ?? '')

      cy.get(".modal button[type='submit']").click()

      cy.wait(ajaxDelayMillis)

      cy.get('.container--fee a').should('contain.text', fee.feeName)
    })
  })
})