Class ComponentWithHooks

packages/core/test/acceptance/view_container_ref_spec.ts:2413–2454

    const log: string[] = [];

    @Component({
      selector: 'hooks',
      template: `{{ name }}`,
      standalone: false,

      changeDetection: ChangeDetectionStrategy.Eager,
    })
    class ComponentWithHooks {
      @Input() name: string | undefined;

      private log(msg: string) {
        log.push(msg);
      }

      ngOnChanges() {
        this.log('onChanges-' + this.name);
      }
      ngOnInit() {
        this.log('onInit-' + this.name);
      }
      ngDoCheck() {
        this.log('doCheck-' + this.name);
      }

      ngAfterContentInit() {
        this.log('afterContentInit-' + this.name);
      }
      ngAfterContentChecked() {
        this.log('afterContentChecked-' + this.name);
      }

      ngAfterViewInit() {
        this.log('afterViewInit-' + this.name);
      }
      ngAfterViewChecked() {
        this.log('afterViewChecked-' + this.name);
      }

      ngOnDestroy() {
        this.log('onDestroy-' + this.name);
      }
    }

    it('should call all hooks in correct order when creating with createEmbeddedView', () => {
      @Component({