의존성이없는 각 구성 요소에서 메소드 테스트

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(''); 
});