karma-unit-test-input-eventlistener-3.ts

karma-unit-test-input-eventlistener-3.ts

class FormEventHandler implements IEventHandler {
  
  private formElement: HTMLElement;

  constructor(formElement: HTMLElement) {
    this.formElement = formElement;
  }

  public init(): void {
    this.radioInputHandler();
    this.checkboxInputHandler();
  }

  private radioInputHandler(): void {
    const radioInputElements = this.formElement
    .querySelectorAll('.radio-input-ac');
    this.addEventListenerForAriaCheckedRadio(radioInputElements);
  }

  private checkboxInputHandler(): void {
    const checkboxInputElements = this.formElement
    .querySelectorAll('.checkbox-input-ac');
    this.addEventListenerForAriaCheckedCheckBox(checkboxInputElements);
  }

  private addEventListenerForAriaCheckedRadio (elementList: any)
  : void {
    for (let elem of elementList) {
      elem.addEventListener('click', () => {
        for (let elem of elementList) {
          if (elem.checked) {
            elem.setAttribute('aria-checked', 'true');
          } else {
            elem.setAttribute('aria-checked', 'false');
          }
        }
      });
    }
  }

  private addEventListenerForAriaCheckedCheckBox (elementList: any)
  : void {
    for (let elem of elementList) {
      elem.addEventListener('click', (e: Event) => {
        this.setAriaChecked(<HTMLInputElement>e.target);
      });
    }
  }

  private setAriaChecked (elem: HTMLInputElement): void {
    if (elem.checked) {
      elem.setAttribute('aria-checked', 'true');
    } else {
      elem.setAttribute('aria-checked', 'false');
    }
  }
}

export default FormEventHandler;