Profundización en SpyOn: Comandos más utilizados y cómo ponerlos a prueba

En este link explican spy0n de una manera mas facil https://scriptverse.academy/tutorials/jasmine-spyon.html

Por acá dejo mi código

import { MonthCalculator } from './months';

describe('MonthCalculator', () => {
  it('returns the current month', () => {
    const m = new MonthCalculator();
    expect(m.api.currentMonth()).toBe('May');
  });

  it('returns the current month', () => {
    const m = new MonthCalculator();
    const spy = spyOn(m.api, 'currentMonth').and.returnValue('First Month');
    expect(m.api.currentMonth()).toEqual('First Month')
    expect(spy).toHaveBeenCalled();
  });

  it('returns next month', () => {
    const m = new MonthCalculator();
    expect(m.getNextMonth()).toBe('June');
  });

  it('returns next month', () => {
    const m = new MonthCalculator();
    const spy = spyOn(m.api, 'nextMonth').and.returnValue('Second Month');
    expect(m.getNextMonth()).toBe('Second Month');
    expect(spy).toHaveBeenCalled();
  });

  it('should spy and verify', () => {
    const monthCalculator = new MonthCalculator();
    const getNextMonth = spyOn(monthCalculator, 'getNextMonth').and.callThrough();
    expect(monthCalculator.getNextMonth()).toBe('June');
    expect(getNextMonth).toHaveBeenCalled();
  });

  it('should spy and verify', () => {
    const monthCalculator = new MonthCalculator();
    spyOn(monthCalculator, 'getNextMonth').and.returnValue('Cristian Month');
    expect(monthCalculator.getNextMonth()).toBe('Cristian Month');
  });
});

Por favor revisar la redacción de este artículo, algunas frases están cortadas o incompletas.

Me frustré muy feo con este curso 😦 me voy a cursar js de nuevo

Estoy batallando por entender cómo funcionan los espías, para eso intenté hacer un espía basado en el ejercicio que se muestra acá pero más realista (que sí regrese el verdadero mes),
.

No estoy pudiendo fakear la fecha para que regrese lo que quiero, ¿alguna recomendación?

.
Código fuente: https://github.com/behagoras/jasmine-tests/tree/currentDate

months.js

function getMonthApi() {
  this.monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"];

  this.currentDate = new Date()
  this.cmonth = this.currentDate.getMonth()

  this.currentMonth = function () {
    return this.monthNames[this.cmonth-1]
  }

  this.nextMonth = function () {
    return this.monthNames[this.cmonth]
  }

}

function MonthCalculator() {

  this.api = new getMonthApi();

  this.getNextMonth = function() {
    return this.api.nextMonth();
  }
  this.getCurrentMonth = function() {
    return this.api.currentMonth();
  }
}

months.spec.js

module.exports = MonthCalculator
const MonthCalculator = require('../../src/components/months')

describe('Month Calculator',()=>{
  it('Should return current month',()=>{
    const monthCalculator = new MonthCalculator()
    const date = new Date("June 17, 1995 03:24:00")

    monthCalculator.api.currentDate=date
    const spy = spyOn(monthCalculator.api, 'currentDate').and.resolveTo(date)

    console.log('monthCalculator.getCurrentMonth()',monthCalculator.getCurrentMonth())

    const y = monthCalculator.getCurrentMonth();
    expect(y).toBe('June')

  })
})

¿ Por que no todo se maneja con git hub?

Esta lección está adelantada, ni siquiera se ha explicado como configurara Jasmine en el entorno y ya están poniendo retos…

“Cómo reto ve al siguiente enlace, has un fork del repo …”

Cuál enlace??

Creo que no entendi la ultima pregunta. Yo con el CallFake puedo reescribir la funcion para que haga lo que yo quieaa??

Descarge el projecto, ejecute npm install y despues ng serve.

Me sale este error The serve command requires to be run in an Angular project, but a project definition could not be found

Que onda??

Puede ser que al proyecto le falte el archivo angular.json??

este ejemplo esta malo, empece a realizar las pruebas en una pagina que corre jasmine con karma y de entrada

this.api = new getMonthApi();
// instead
this.api = new GetMonthApi();

simple en el test :

<code>
    // Act
    const month = monthCalculator.currentMonth();

   // esta mal es : 
    // Act
    const month = monthCalculator.getCurrentMonth();
</code>

hola, por acá les dejo un set de pruebas según la tarea que se manda a realizar en el post y les dejo la página donde se puede ver en acción dicho set

describe('spyOn Platzi little class', () => {

  it('returns the current month', () => {
    // Arrange
    const monthCalculator = new MonthCalculator();  
    // Act
    const month = monthCalculator.getCurrentMonth();
    // Assert
    expect(month).toBe('May');
  });

  it('returns the current month spy', () => {
    // Arrange
    const monthCalculator = new MonthCalculator();
    const spy = spyOn(
                 monthCalculator.api,
                 'currentMonth'
               ).and.returnValue('Cristian Month');
    // Act
    const month = monthCalculator.getCurrentMonth();
    // Assert
    expect(month).toBe('Cristian Month');
    expect(spy).toHaveBeenCalled();
  });

  it('returns the next month method', () => {
    // Arrange
    const monthCalculator = new MonthCalculator();  
    // Act
    const month = monthCalculator.getNextMonth();
    // Assert
    expect(month).toBe('June');
  });

  it('returns the next month spy', () => {
    // Arrange
    const monthCalculator = new MonthCalculator();
    const spy = spyOn(
                 monthCalculator.api,
                 'nextMonth'
               ).and.returnValue('February Month');
    // Act
    const month = monthCalculator.getNextMonth();
    // Assert
    expect(month).toBe('February Month');
    expect(spy).toHaveBeenCalled();
  });

});

el codigo fuente es o el codigo de la solución es:

(function(window) {
  
function GetMonthApi() {
  this.currentMonth = function () {
    return 'May';
  }
  this.nextMonth = function () {
    return 'June'
  }
}
function MonthCalculator() {
  this.api = new GetMonthApi();
  this.getNextMonth = function() {
    return this.api.nextMonth();
  }
  this.getCurrentMonth = function() {
    return this.api.currentMonth();
  }
}

  window.MonthCalculator = MonthCalculator;

})(window);

saludos!
en esta página web lo pueden verificar. esta super chido
https://embed.plnkr.co/plunk/eDY1ap

Hay errores en la redacción y en el código de este artículo. Por ejemplo cuando declaran:

const month = monthCalculator.currentMonth();

debería ser:

const month = monthCalculator.getCurrentMonth();