Jasmine 测试期间，Angular 4 固定组件仍保留在 DOM 中

Angular是一种流行的前端框架，它提供了一种简单且强大的方式来构建Web应用程序。在Angular 4中，Jasmine是一个常用的测试框架，用于对Angular应用进行单元测试。在进行Jasmine测试期间，我们经常会遇到一个问题：固定组件是否会保留在DOM中。在本文中，我们将探讨这个问题，并提供一些案例代码来说明。

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MyComponent } from './my.component';
describe('MyComponent', () => {
  let component: MyComponent;
  let fixture: ComponentFixture;
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ MyComponent ]
    })
    .compileComponents();
  });
  beforeEach(() => {
    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  it('should retain component in DOM', () => {
    expect(fixture.nativeElement.innerHTML).toContain('Hello, World!');
  });
});

import { Component } from '@angular/core';
@Component({
  selector: 'app-my-component',
  template: '
Hello, World!
',
  styleUrls: ['./my.component.css']
})
export class MyComponent {}