import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
import { provideHttpClientTesting } from '@angular/common/http/testing'
import { ComponentFixture, TestBed } from '@angular/core/testing'
import { NG_VALUE_ACCESSOR } from '@angular/forms'
import { By } from '@angular/platform-browser'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
import {
  PermissionAction,
  PermissionType,
} from 'src/app/services/permissions.service'
import { SettingsService } from 'src/app/services/settings.service'
import { PermissionsSelectComponent } from './permissions-select.component'

const permissions = [
  'add_document',
  'view_document',
  'change_document',
  'delete_document',
  'change_tag',
  'view_documenttype',
]

const inheritedPermissions = ['change_tag', 'view_documenttype']

describe('PermissionsSelectComponent', () => {
  let component: PermissionsSelectComponent
  let fixture: ComponentFixture<PermissionsSelectComponent>
  let settingsService: SettingsService

  beforeEach(async () => {
    TestBed.configureTestingModule({
      imports: [
        NgxBootstrapIconsModule.pick(allIcons),
        PermissionsSelectComponent,
      ],
      providers: [
        provideHttpClient(withInterceptorsFromDi()),
        provideHttpClientTesting(),
      ],
    }).compileComponents()

    settingsService = TestBed.inject(SettingsService)
    fixture = TestBed.createComponent(PermissionsSelectComponent)
    fixture.debugElement.injector.get(NG_VALUE_ACCESSOR)
    component = fixture.componentInstance
    component.registerOnChange((r) => r)
    fixture.detectChanges()
  })

  it('should create controls for all PermissionType and PermissionAction', () => {
    expect(Object.values(component.form.controls)).toHaveLength(
      Object.keys(PermissionType).length
    )
    for (var type in component.form.controls) {
      expect(
        Object.values(component.form.controls[type].controls)
      ).toHaveLength(Object.keys(PermissionAction).length)
    }
    // coverage
    component.registerOnTouched(() => {})
    component.setDisabledState(true)
  })

  it('should allow toggle all on / off', () => {
    component.ngOnInit()
    expect(component.typesWithAllActions.values).toHaveLength(0)
    component.toggleAll({ target: { checked: true } }, 'Tag')
    expect(component.typesWithAllActions).toContain('Tag')
    component.toggleAll({ target: { checked: false } }, 'Tag')
    expect(component.typesWithAllActions.values).toHaveLength(0)
  })

  it('should update on permissions set', () => {
    component.ngOnInit()
    component.writeValue(permissions)
    expect(component.typesWithAllActions).toContain('Document')
  })

  it('should update checkboxes on permissions set', () => {
    component.ngOnInit()
    component.writeValue(permissions)
    fixture.detectChanges()
    const input1 = fixture.debugElement.query(By.css('input#Document_Add'))
    expect(input1.nativeElement.checked).toBeTruthy()
    const input2 = fixture.debugElement.query(By.css('input#Tag_Change'))
    expect(input2.nativeElement.checked).toBeTruthy()
  })

  it('disable checkboxes when permissions are inherited', () => {
    component.ngOnInit()
    component.inheritedPermissions = inheritedPermissions
    fixture.detectChanges()
    expect(component.isInherited('Document', 'Add')).toBeFalsy()
    expect(component.isInherited('Document')).toBeFalsy()
    expect(component.isInherited('Tag', 'Change')).toBeTruthy()
    expect(component.form.get('Document').get('Add').disabled).toBeFalsy()
    expect(component.form.get('Tag').get('Change').disabled).toBeTruthy()
  })

  it('should exclude history permissions if disabled', () => {
    settingsService.set(SETTINGS_KEYS.AUDITLOG_ENABLED, false)
    fixture = TestBed.createComponent(PermissionsSelectComponent)
    component = fixture.componentInstance
    expect(component.allowedTypes).not.toContain('History')
  })

  it('should treat global statistics as view-only', () => {
    component.ngOnInit()
    fixture.detectChanges()

    expect(
      component.isActionSupported(
        PermissionType.GlobalStatistics,
        PermissionAction.View
      )
    ).toBeTruthy()
    expect(
      component.isActionSupported(
        PermissionType.GlobalStatistics,
        PermissionAction.Add
      )
    ).toBeFalsy()

    const addInput = fixture.debugElement.query(
      By.css('input#GlobalStatistics_Add')
    )
    const viewInput = fixture.debugElement.query(
      By.css('input#GlobalStatistics_View')
    )

    expect(addInput.nativeElement.disabled).toBeTruthy()
    expect(viewInput.nativeElement.disabled).toBeFalsy()
  })

  it('should treat system monitoring as view-only', () => {
    component.ngOnInit()
    fixture.detectChanges()

    expect(
      component.isActionSupported(
        PermissionType.SystemMonitoring,
        PermissionAction.View
      )
    ).toBeTruthy()
    expect(
      component.isActionSupported(
        PermissionType.SystemMonitoring,
        PermissionAction.Change
      )
    ).toBeFalsy()

    const changeInput = fixture.debugElement.query(
      By.css('input#SystemMonitoring_Change')
    )
    const viewInput = fixture.debugElement.query(
      By.css('input#SystemMonitoring_View')
    )

    expect(changeInput.nativeElement.disabled).toBeTruthy()
    expect(viewInput.nativeElement.disabled).toBeFalsy()
  })
})