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

Question

我正在使用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(''); 
});