packages/core/test/metadata/di_spec.ts - main - githubmirror/angular

packages/core/test/metadata/di_spec.ts
130 строк3 KB
Andrew Kushnir
refactor(core): convert scripts within `packages/core/test` to relative imports (#60227)
25 мар 2025, 20:58
25 мар 2025, 20:58ae047c5
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.dev/license
 */

import {
  Component,
  Directive,
  ElementRef,
  Input,
  NO_ERRORS_SCHEMA,
  QueryList,
  ViewChild,
  ViewChildren,
} from '../../src/core';
import {TestBed} from '../../testing';

describe('ViewChild', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [ViewChildTypeSelectorComponent, ViewChildStringSelectorComponent, Simple],
      schemas: [NO_ERRORS_SCHEMA],
    });
  });

  it('should support type selector', () => {
    TestBed.overrideComponent(ViewChildTypeSelectorComponent, {
      set: {template: `<simple [marker]="'1'"></simple><simple [marker]="'2'"></simple>`},
    });
    const view = TestBed.createComponent(ViewChildTypeSelectorComponent);

    view.detectChanges();
    expect(view.componentInstance.child).toBeDefined();
    expect(view.componentInstance.child.marker).toBe('1');
  });

  it('should support string selector', () => {
    TestBed.overrideComponent(ViewChildStringSelectorComponent, {
      set: {template: `<simple #child></simple>`},
    });
    const view = TestBed.createComponent(ViewChildStringSelectorComponent);

    view.detectChanges();
    expect(view.componentInstance.child).toBeDefined();
  });
});

describe('ViewChildren', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [
        ViewChildrenTypeSelectorComponent,
        ViewChildrenStringSelectorComponent,
        Simple,
      ],
      schemas: [NO_ERRORS_SCHEMA],
    });
  });

  it('should support type selector', () => {
    TestBed.overrideComponent(ViewChildrenTypeSelectorComponent, {
      set: {template: `<simple></simple><simple></simple>`},
    });

    const view = TestBed.createComponent(ViewChildrenTypeSelectorComponent);
    view.detectChanges();
    expect(view.componentInstance.children).toBeDefined();
    expect(view.componentInstance.children.length).toBe(2);
  });

  it('should support string selector', () => {
    TestBed.overrideComponent(ViewChildrenStringSelectorComponent, {
      set: {template: `<simple #child1></simple><simple #child2></simple>`},
    });
    const view = TestBed.configureTestingModule({schemas: [NO_ERRORS_SCHEMA]}).createComponent(
      ViewChildrenStringSelectorComponent,
    );
    view.detectChanges();
    expect(view.componentInstance.children).toBeDefined();
    expect(view.componentInstance.children.length).toBe(2);
  });
});

@Directive({
  selector: 'simple',
  standalone: false,
})
class Simple {
  @Input() marker: string | undefined;
}

@Component({
  selector: 'view-child-type-selector',
  template: '',
  standalone: false,
})
class ViewChildTypeSelectorComponent {
  @ViewChild(Simple) child!: Simple;
}

@Component({
  selector: 'view-child-string-selector',
  template: '',
  standalone: false,
})
class ViewChildStringSelectorComponent {
  @ViewChild('child') child!: ElementRef;
}

@Component({
  selector: 'view-children-type-selector',
  template: '',
  standalone: false,
})
class ViewChildrenTypeSelectorComponent {
  @ViewChildren(Simple) children!: QueryList<Simple>;
}

@Component({
  selector: 'view-child-string-selector',
  template: '',
  standalone: false,
})
class ViewChildrenStringSelectorComponent {
  // Allow comma separated selector (with spaces).
  @ViewChildren('child1 , child2') children!: QueryList<ElementRef>;
}