Creando las pruebas del formulario: Configuración

Con Angular haciendo Unit Testing yo he escrito testeos haciendo SpyOn al service y un returnValue(dummyData).
También he otra visto otra manera que es haciendo un con httpMock.expectOne y despues .flush(dummyData);
Y en muchas partes también he visto tu manera que es hacer stubs, entonces ahora a mi pregunta.
Como o cuándo se debería usar qué o cuál es la forma “correcta”?
Gracias!

Yo lo que suelo hacer es crear un espia y modificar el comportamiento para que me devuelva un true, false, etc. Pero me parece que esto de los Stub es mejor.

ng test --codeCoverage: Inicia los tests y a la vez creo en una carpeta llamada coverage, un reporte web (index.html) para visualizar el estado de las pruebas procesadas.

Cuando se trata de gestionar las dependencias (clases necesarias) del componente a testear disponemos de 4 enfoques:

1. Usando la dependencia real (pasamos de pruebas unitarias a de integración).
2. Creando stubs de las clases.
3. Sobre-escribiendo las clases originales.
4. Creando spies de las clases.

alguien sabe como solventar este error?

this.formFilter = this.formBuider.group({
      operativeAgent: [[], []],
      actualStatus: [[], []],
      entryType: [[], []],
      maintenanceOrigin: [[], []],
      penaltyType: [[], []],
      color: [[], []],
      consecutive: ['', [Validators.maxLength(100), Validators.pattern('^[a-zA-Z0-9 ,]*$')]],
      area: [[], []],
      subarea: [[], []],
      substation: [[], []],
      elementType: [[], []],
      element: [[], []],
      scheduledStartDate: ['', [this.generalService.validateDatesReactive('scheduledStartDate', 'scheduledEndDate')]],
      scheduledEndDate: ['', [this.generalService.validateDatesReactive('scheduledStartDate', 'scheduledEndDate')]],
      startWeek: ['', []],
      endWeek: ['', []],
      carga: ['', []]
    });

Error: There is no FormControl instance attached to form control element with name: ‘scheduledStartDate’

Si estan ejecutando las pruebas en windows 10 y les da error al ejecutar las pruebas con el flag --codeCoverage hay que agregr una nueva entrada en nuestro pckage.json como esta justo despues de la entrada test

"test:coverage": "ng test --no-watch --code-coverage",

luego de esto podemos ejecutar el comando npm run test:coverage y nos generará el reporte

Adicionalmente si el codigo del profesor les está causando problemas, pueden clonar este fork que hice del proyecto el cual lo he actualizado a angular 11
https://github.com/designeromega/mean.git