Migrate to latest Play version - addresses #92

Fixes UI unit tests.

ui/apps/translatr/src/app/interceptors/auth.interceptor.spec.ts

@@ -1,11 +1,14 @@
 import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { LOGIN_URL } from '@translatr/utils';
 
 import { AuthInterceptor } from './auth.interceptor';
 
-describe('ErrorInterceptor', () => {
+describe('AuthInterceptor', () => {
   beforeEach(() =>
     TestBed.configureTestingModule({
-      providers: [AuthInterceptor]
+      providers: [AuthInterceptor, { provide: LOGIN_URL, useValue: '' }],
+      imports: [RouterTestingModule]
     })
   );
 

ui/apps/translatr/src/app/modules/pages/project-page/project-info/project-info.component.spec.ts

@@ -16,7 +16,8 @@ import { WINDOW } from '@translatr/utils';
 import {
   EmptyViewTestingModule,
   FeatureFlagTestingModule,
-  MetricTestingModule
+  MetricTestingModule,
+  ProjectInfographicTestingModule
 } from '@translatr/components/testing';
 import { NavListTestingModule } from '../../../shared/nav-list/testing';
 import { ActivityListTestingModule } from '../../../shared/activity-list/testing';
@@ -38,6 +39,7 @@ describe('ProjectInfoComponent', () => {
         ShortNumberModule,
         FeatureFlagTestingModule,
         EmptyViewTestingModule,
+        ProjectInfographicTestingModule,
 
         RouterTestingModule,
 

ui/apps/translatr/src/app/modules/pages/registration-page/registration-page.component.spec.ts

@@ -1,4 +1,15 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterTestingModule } from '@angular/router/testing';
+import { FeatureFlagModule, UserEditFormModule } from '@dev/translatr-components';
+import { LanguageProvider } from '@dev/translatr-sdk';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { TranslocoModule } from '@ngneat/transloco';
+import { SidenavModule } from '../../nav/sidenav/sidenav.module';
+import { RegistrationPageRoutingModule } from './registration-page-routing.module';
 
 import { RegistrationPageComponent } from './registration-page.component';
 
@@ -8,7 +19,22 @@ describe('RegistrationPageComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [RegistrationPageComponent]
+      declarations: [RegistrationPageComponent],
+      imports: [
+        HttpClientTestingModule,
+        RouterTestingModule,
+        NoopAnimationsModule,
+
+        RegistrationPageRoutingModule,
+        SidenavModule,
+        TranslocoModule,
+        FeatureFlagModule,
+        UserEditFormModule,
+        MatCardModule,
+        MatButtonModule,
+        FontAwesomeModule
+      ],
+      providers: [LanguageProvider]
     }).compileComponents();
   }));
 

ui/jest.config.js

@@ -1,7 +1,8 @@
 module.exports = {
   testMatch: ['**/+(*.)+(spec|test).+(ts|js)?(x)'],
   transform: {
-    '^.+\\.(ts|js|html)$': 'ts-jest'
+    '^.+\\.(ts|js|html)$': 'ts-jest',
+    '.+\\.(svg)$': 'jest-transform-stub'
   },
   resolver: '@nrwl/jest/plugins/resolver',
   moduleFileExtensions: ['ts', 'js', 'html'],

ui/libs/translatr-components/src/lib/modules/pages/login-page/login-page.component.spec.ts

@@ -1,5 +1,8 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatCardModule } from '@angular/material/card';
 import { MatIconModule } from '@angular/material/icon';
+import { RouterTestingModule } from '@angular/router/testing';
+import { FontAwesomeTestingModule } from '@fortawesome/angular-fontawesome/testing';
 import { NavbarTestingModule } from '@translatr/components/testing';
 import { AuthClientService } from '@translatr/translatr-sdk/src/lib/services/auth-client.service';
 import { ENDPOINT_URL } from '@translatr/utils';
@@ -15,7 +18,15 @@ describe('LoginPageComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [LoginPageComponent],
-      imports: [NavbarTestingModule, MatIconModule],
+      imports: [
+        RouterTestingModule,
+
+        NavbarTestingModule,
+
+        MatIconModule,
+        MatCardModule,
+        FontAwesomeTestingModule
+      ],
       providers: [
         {
           provide: AuthClientService,

ui/libs/translatr-components/src/lib/modules/project/project-infographic/testing/index.ts

@@ -0,0 +1 @@
+export * from './project-infographic-testing.module';

ui/libs/translatr-components/src/lib/modules/project/project-infographic/testing/project-infographic-testing.module.ts

@@ -0,0 +1,18 @@
+import { Component, Input, NgModule } from '@angular/core';
+
+@Component({
+  selector: 'dev-project-infographic',
+  template: ''
+})
+export class MockProjectInfographicComponent {
+  @Input() contributorCount: number;
+  @Input() localeCount: number;
+  @Input() keyCount: number;
+  @Input() messageCount: number;
+}
+
+@NgModule({
+  declarations: [MockProjectInfographicComponent],
+  exports: [MockProjectInfographicComponent]
+})
+export class ProjectInfographicTestingModule {}

ui/libs/translatr-components/src/lib/modules/project/testing.ts

@@ -0,0 +1 @@
+export * from './project-infographic/testing';

ui/libs/translatr-components/src/lib/modules/testing.ts

@@ -8,4 +8,5 @@ export * from './filter-field/testing';
 export * from './metric/testing';
 export * from './nav/testing';
 export * from './pages/testing';
+export * from './project/testing';
 export * from './user/testing';

ui/libs/translatr-components/src/lib/modules/user/testing.ts

@@ -1 +1,2 @@
 export * from './user-card/testing';
+export * from './user-edit-form/testing';

ui/libs/translatr-components/src/lib/modules/user/user-edit-dialog/user-edit-dialog.component.html

@@ -23,7 +23,7 @@
       mat-flat-button
       color="primary"
       (click)="editForm.onSubmit()"
-      [disabled]="editForm.form.invalid"
+      [disabled]="editForm.invalid"
       transloco="button.save"
     >Save
     </button>

ui/libs/translatr-components/src/lib/modules/user/user-edit-dialog/user-edit-dialog.component.spec.ts

@@ -8,6 +8,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { UserEditDialogComponent } from '@dev/translatr-components';
 import { TranslocoTestingModule } from '@ngneat/transloco';
+import { UserEditFormTestingModule } from '@translatr/components/testing';
 import { mockObservable } from '@translatr/utils/testing';
 
 describe('UserEditDialogComponent', () => {
@@ -22,6 +23,8 @@ describe('UserEditDialogComponent', () => {
         NoopAnimationsModule,
         TranslocoTestingModule,
 
+        UserEditFormTestingModule,
+
         MatFormFieldModule,
         MatDialogModule,
         MatInputModule,

ui/libs/translatr-components/src/lib/modules/user/user-edit-form/testing/index.ts

@@ -0,0 +1 @@
+export * from './user-edit-form-testing.module';

ui/libs/translatr-components/src/lib/modules/user/user-edit-form/testing/user-edit-form-testing.module.ts

@@ -0,0 +1,25 @@
+import { Component, EventEmitter, Input, NgModule, Output } from '@angular/core';
+import { ConstraintViolationErrorInfo, User } from '@dev/translatr-model';
+
+@Component({
+  selector: 'dev-user-edit-form',
+  template: ''
+})
+export class MockUserEditFormComponent {
+  @Input() user: User;
+  @Input() errors: ConstraintViolationErrorInfo;
+
+  @Output() edit = new EventEmitter<User>();
+
+  get invalid(): boolean {
+    return true;
+  }
+
+  onSubmit() {}
+}
+
+@NgModule({
+  declarations: [MockUserEditFormComponent],
+  exports: [MockUserEditFormComponent]
+})
+export class UserEditFormTestingModule {}

ui/libs/translatr-components/src/lib/modules/user/user-edit-form/user-edit-form.component.spec.ts

@@ -1,4 +1,10 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { TranslocoModule } from '@ngneat/transloco';
 
 import { UserEditFormComponent } from './user-edit-form.component';
 
@@ -8,7 +14,16 @@ describe('UserEditFormComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [UserEditFormComponent]
+      declarations: [UserEditFormComponent],
+      imports: [
+        ReactiveFormsModule,
+        TranslocoModule,
+        NoopAnimationsModule,
+
+        MatFormFieldModule,
+        MatInputModule,
+        MatSelectModule
+      ]
     }).compileComponents();
   }));
 

ui/libs/translatr-components/src/lib/modules/user/user-edit-form/user-edit-form.component.ts

@@ -65,4 +65,8 @@ export class UserEditFormComponent implements OnInit {
       ? this.form.value.allowedRoles.indexOf(role) !== -1
       : false;
   }
+
+  get invalid(): boolean {
+    return this.form.invalid;
+  }
 }

ui/libs/translatr-sdk/src/lib/services/error-handler.ts

@@ -1,4 +1,5 @@
 import { HttpErrorResponse } from '@angular/common/http';
+import { Injectable } from '@angular/core';
 import { Observable, throwError } from 'rxjs';
 
 export interface RestRequest {
@@ -8,6 +9,9 @@ export interface RestRequest {
   path: string;
 }
 
+@Injectable({
+  providedIn: 'root'
+})
 export class ErrorHandler {
   handleError(error: HttpErrorResponse, request?: RestRequest): Observable<never> {
     return throwError(error);

ui/package.json

@@ -103,6 +103,7 @@
     "core-js": "^2.6.11",
     "d3": "5.16.0",
     "d3-time": "^1.1.0",
+    "jest-transform-stub": "2.0.0",
     "messageformat": "2.3.0",
     "moment": "2.26.0",
     "ngx-gravatar": "^7.2.2",