使用mat排序和设置内容、Jasmine和Karma对ViewChild进行单元测试

import { MatSort } from '@angular/material/sort';

constructor(public sort: MatSort) { }

<table matSort>
  <thead>
    <tr>
      <th mat-sort-header="name">姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
  </tbody>
</table>

@ViewChild(MatSort) sort: MatSort;

ngAfterViewInit() {
  this.dataSource.sort = this.sort;
  this.sort.sort({ id: 'name', start: 'asc', disableClear: false });
}

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Component, ViewChild } from '@angular/core';

@Component({
  template: `
    <div>
      <span #myViewChild>ViewChild内容</span>
    </div>
  `
})
class TestComponent {
  @ViewChild('myViewChild') myViewChild;
}

describe('TestComponent', () => {
  let component: TestComponent;
  let fixture: ComponentFixture<TestComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [TestComponent]
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(TestComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should get ViewChild content', () => {
    expect(component.myViewChild.nativeElement.textContent).toBe('ViewChild内容');
  });
});