小编Ved*_*rpe的帖子

我最近开始将 JEST 与 Angular 结合使用，但找不到明确的示例，因此想在这里分享，以便对其他人有所帮助。

我有以下 AppComponent.ts：

import { Component, OnInit } from '@angular/core';
import { ApiService } from './services/api.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {

  public title = 'jestTest';
  public jsonData = [];

  constructor(private apiService: ApiService) { }

  ngOnInit() {
    this.apiService.getData().subscribe((data: []) => {
      if (data) {
        this.jsonData = data;
      } else {
        this.jsonData = [];
      }
    });
  }

}

注入一个简单的 http 服务以从数据库中获取一些记录并具有变量“标题”。在组件初始化时，我进行调用并获取结果。

在我的 HTML 中，我只是显示测试：

<div> 
  <span>{{ title }}</span>
  <router-outlet></router-outlet> …