在没有依赖关系的角度组件中测试方法

Question

我正在使用 Angular 进行测试，我的项目是使用 CLI 创建的，因此无需进行测试设置。我已经查看了文档

https://angular.io/guide/testing

还有这些视频：

https://www.youtube.com/watch?v=XKVBLVlTjeE

https://www.youtube.com/watch?v=9-kumGACGYk

我发现自己越来越恼火。我正在寻找如何测试正在使用的方法的示例。不要介意依赖，不要介意异步调用（我的样式表和 html 是从单独的文件加载的，所以我知道我们一开始就需要一个异步调用，我只是说现在不要介意可观察或承诺）

我的问题是这样开始有意义的是，有人可以为以下代码编写一个测试并在整个过程中对其进行评论吗？

import { Component, OnInit } from '@angular/core';
import {Venue} from '../../models/venue/venue.model';

@Component({
  selector: 'app-venuelist',
  templateUrl: './venuelist.component.html',
  styleUrls: ['./venuelist.component.css']



 /* takes price number and returns number amount of $ */
        makePrice(n){
          let r = '';
          let c = 0;
          while(c < n){
            r = r + '$';
            c++;
          }
          return r;

Answer 1

你想调用一个类的方法。所以你需要创建那个类的实例，然后调用方法：

it('should do something', () => { 
  expect(new Venuelist().makePrice(0)).toBe(''); 
});