tester une méthode dans un composant angulaire sans dépendances

Question

Je suis en train de tester en angulaire mon projet a été créé à l'aide de la CLI, donc pas besoin de test de configuration. J'ai vérifié les documents

https://angular.io/guide/testing

et ces vidéos:

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

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

et je me trouve de plus en plus agacé. Je cherche un exemple de comment tester une méthode utilisée. Ne vous occupez jamais des dépendances, ne vous occupez jamais des appels asynchrones (ma feuille de style et mon code HTML sont chargés à partir de fichiers séparés, donc je sais que nous avons besoin d'un appel asynchrone au début im juste dire jamais observable ou promet maintenant)

commencer à donner un sens est quelqu'un peut-il s'il vous plaît écrire un test pour le code suivant et commenter tout au long?

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

Vous souhaitez appeler une méthode d'une classe. Donc, vous devez créer une instance de cette classe, puis appeler la méthode:

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