Pruebas para envío de form

Clase 10 de 17 • Curso de Angular: Unit Testing para Formularios

Nicolas Molina

teacher•

Hola, debes tener en cuenta que las últimas versiones de FakerJS la importación debe ser así:

import { faker } from '@faker-js/faker';

Ana Velez Ossa

student•

Código de la prueba

user.mock.ts

import { faker } from '@faker-js/faker';

import { User } from './user.model';

export const generateOneUser = (): User => {
  return {
    id: faker.datatype.uuid(),
    email: faker.internet.email(),
    password: faker.internet.password(),
    name: `${faker.name.firstName()} ${faker.name.lastName()}`,
    role: 'customer'
  };
}

export const generateManyUser = (size = 10): User[] => {
  const users: User[] = [];
  for (let index = 0; index < size; index++) {
    users.push(generateOneUser());
  }
  return [...users];
}
```register-form.component.spec.ts

```ts
it('should send the form successfully', () => {
    component.form.patchValue({
      name: 'Ana',
      email: 'anap@g.com',
      password: '1222211',
      confirmPassword: '1222211',
      checkTerms: true
    });

    const mockUser = generateOneUser();
    userService.create.and.returnValue(of(mockUser));

    component.register(new Event('submit'));

    expect(component.form.valid).withContext('validForm').toBeTruthy();
    expect(userService.create).withContext('callService').toHaveBeenCalled();
  })

Pruebas para envío de form

Aplica test en formularios

Conoce el proyecto del curso

Testing helpers

Async Data

Finders

GetText

Click

Pruebas a Fields

Register Form

Pruebas a un campo

Llenar el campo desde UI

Helper para llenar campos

Pruebas a Forms

Pruebas para envío de form

Envío del form con FakeAsync

Llenar el form de una UI

Pruebas para fallas en servicio

Pruebas a Validadores

Pruebas a validadores

Pruebas a validadores async

Validadores async en Form

Continua aplicando testing con Angular

Continúa con el Curso de Unit Testing Routing