// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable @typescript-eslint/no-non-null-assertion, promise/always-return, promise/catch-or-return */

import * as configFunctions from '../../../helpers/functions.config.js'
import { testAdmin } from '../../../test/_globals.js'
import type { Fee } from '../../../types/recordTypes.js'
import { logout, login, ajaxDelayMillis } 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',
          configFunctions
            .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)
    })
  })
})