Class TestMainComponent

src/cdk/testing/tests/test-main-component.ts:31–134

  imports: [TestShadowBoundary, TestSubComponent, FormsModule, ReactiveFormsModule],
})
export class TestMainComponent implements OnDestroy {
  private _cdr = inject(ChangeDetectorRef);
  private _zone = inject(NgZone);

  username: string;
  counter: number;
  asyncCounter: number;
  input!: string;
  memo: string;
  testTools: string[];
  testMethods: string[];
  isHovering = false;
  isPointerOver = false;
  specialKey = '';
  modifiers!: string;
  singleSelect!: string;
  singleSelectChangeEventCount = 0;
  multiSelect: string[] = [];
  multiSelectChangeEventCount = 0;
  basicEvent = 0;
  customEventData: string | null = null;
  _shadowDomSupported = _supportsShadowDom();
  clickResult = {x: -1, y: -1};
  rightClickResult = {x: -1, y: -1, button: -1};
  numberControl = new FormControl<number | null>(null);

  @ViewChild('clickTestElement') clickTestElement!: ElementRef<HTMLElement>;
  @ViewChild('taskStateResult') taskStateResultElement!: ElementRef<HTMLElement>;

  private _fakeOverlayElement: HTMLElement;

  constructor() {
    this.username = 'Yi';
    this.counter = 0;
    this.asyncCounter = 0;
    this.memo = '';
    this.testTools = ['Protractor', 'TestBed', 'Other'];
    this.testMethods = ['Unit Test', 'Integration Test', 'Performance Test', 'Mutation Test'];
    setTimeout(() => {
      this.asyncCounter = 5;
      this._cdr.markForCheck();
    }, 1000);

    this._fakeOverlayElement = document.createElement('div');
    this._fakeOverlayElement.classList.add('fake-overlay');
    this._fakeOverlayElement.innerText = 'This is a fake overlay.';
    document.body.appendChild(this._fakeOverlayElement);
  }

  ngOnDestroy() {
    this._fakeOverlayElement.remove();
  }

  click() {
    this.counter++;
    setTimeout(() => {
      this.asyncCounter++;
      this._cdr.markForCheck();