barbaraperim

import { Component } from '@angular/core';
import { TestService } from './test-service/test.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

barbaraperim

import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
import { TestService } from './test-service/test.service';
import { Router } from '@angular/router';
import { TestResponse } from './test-service/models/test.response';
import { HttpResponse } from '@angular/common/http';
import { Observable, of, throwError } from 'rxjs';
import { ComponentFixture } from '@angular/core/testing';
import { routes } from './app-routing.module';

barbaraperim

<div>
  <button class="btn" (click)=clickAction(form)>
    Testar!
  </button>
  <p class="error" *ngIf='errorMessage'> {{errorMessage}}</p>
  <p class="success" *ngIf='successMessage'> {{successMessage}}</p>
</div>