preprod

angular-client/karma-ci.conf.js

@@ -46,7 +46,7 @@ module.exports = function (config) {
         outputDir: 'target/surefire-reports/TESTS-TestSuite.xml'
     },
     angularCli: {
-      environment: 'dev'
+      environment: 'test'
     },
     reporters: ['progress', 'kjhtml', 'junit'],
     browsers: ['ChromeHeadless'],

angular-client/package-lock.json

@@ -2464,6 +2464,16 @@
       "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
       "dev": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "bl": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/bl/-/bl-4.0.2.tgz",
@@ -5058,6 +5068,13 @@
         "schema-utils": "^2.6.5"
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "fileset": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz",
@@ -8367,6 +8384,13 @@
       "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
       "dev": true
     },
+    "nan": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+      "dev": true,
+      "optional": true
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -13287,7 +13311,11 @@
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
         },
         "is-binary-path": {
           "version": "1.0.1",
@@ -13685,7 +13713,11 @@
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
         },
         "is-absolute-url": {
           "version": "3.0.3",
@@ -14244,9 +14276,19 @@
       "dev": true
     },
     "zone.js": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.10.3.tgz",
-      "integrity": "sha512-LXVLVEq0NNOqK/fLJo3d0kfzd4sxwn2/h67/02pjCjfKDxgx1i9QqpvtHD8CrBnSSwMw5+dy11O7FRX5mkO7Cg=="
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.11.3.tgz",
+      "integrity": "sha512-Y4hTHoh4VcxU5BDGAqEoOnOiyT254w6CiHtpQxAJUSMZPyVgdbKf+5R7Mwz6xsPhMIeBXk5rTopRZDpjssTCUg==",
+      "requires": {
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+          "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+        }
+      }
     }
   }
 }

angular-client/package.json

@@ -37,7 +37,7 @@
     "rxjs": "~6.5.4",
     "saturn-datepicker": "^8.0.5",
     "tslib": "^1.10.0",
-    "zone.js": "~0.10.2"
+    "zone.js": "^0.11.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.901.4",

angular-client/src/app/app.component.spec.ts

@@ -1,9 +1,9 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
+import { TestBed, async } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule
@@ -29,7 +29,7 @@ describe('AppComponent', () => {
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
-    const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain('fatboar app is running!');
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1').textContent).toContain('fatboar app is running!');
   });
 });

angular-client/src/app/components/admin/assistance/assistance-list/assistance-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { AssistanceListComponent } from './assistance-list.component';
 
@@ -6,7 +6,7 @@ describe('AssistanceListComponent', () => {
   let component: AssistanceListComponent;
   let fixture: ComponentFixture<AssistanceListComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ AssistanceListComponent ]
     })

angular-client/src/app/components/admin/assistance/assistance.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { AssistanceComponent } from './assistance.component';
 
@@ -6,7 +6,7 @@ describe('AssistanceComponent', () => {
   let component: AssistanceComponent;
   let fixture: ComponentFixture<AssistanceComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ AssistanceComponent ]
     })

angular-client/src/app/components/admin/assistance/response-contact/response-contact.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { ResponseContactComponent } from './response-contact.component';
 
@@ -6,7 +6,7 @@ describe('ResponseContactComponent', () => {
   let component: ResponseContactComponent;
   let fixture: ComponentFixture<ResponseContactComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ResponseContactComponent ]
     })

angular-client/src/app/components/admin/emailing/email-form/email-form.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { EmailFormComponent } from './email-form.component';
 
@@ -6,7 +6,7 @@ describe('EmailFormComponent', () => {
   let component: EmailFormComponent;
   let fixture: ComponentFixture<EmailFormComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ EmailFormComponent ]
     })

angular-client/src/app/components/admin/emailing/emailing.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { EmailingComponent } from './emailing.component';
 
@@ -6,7 +6,7 @@ describe('EmailingComponent', () => {
   let component: EmailingComponent;
   let fixture: ComponentFixture<EmailingComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ EmailingComponent ]
     })

angular-client/src/app/components/admin/lots/lots.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { LotsComponent } from './lots.component';
 
@@ -6,7 +6,7 @@ describe('LotsComponent', () => {
   let component: LotsComponent;
   let fixture: ComponentFixture<LotsComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ LotsComponent ]
     })

angular-client/src/app/components/admin/statistic/statistic.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { StatisticComponent } from './statistic.component';
 
@@ -6,7 +6,7 @@ describe('StatisticComponent', () => {
   let component: StatisticComponent;
   let fixture: ComponentFixture<StatisticComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ StatisticComponent ]
     })

angular-client/src/app/components/admin/users/users-bloque/users-bloque.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersBloqueComponent } from './users-bloque.component';
 
@@ -6,7 +6,7 @@ describe('UsersBloqueComponent', () => {
   let component: UsersBloqueComponent;
   let fixture: ComponentFixture<UsersBloqueComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersBloqueComponent ]
     })

angular-client/src/app/components/admin/users/users-delete/users-delete.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersDeleteComponent } from './users-delete.component';
 
@@ -6,7 +6,7 @@ describe('UsersDeleteComponent', () => {
   let component: UsersDeleteComponent;
   let fixture: ComponentFixture<UsersDeleteComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersDeleteComponent ]
     })

angular-client/src/app/components/admin/users/users-details/users-details.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersDetailsComponent } from './users-details.component';
 
@@ -6,7 +6,7 @@ describe('UsersDetailsComponent', () => {
   let component: UsersDetailsComponent;
   let fixture: ComponentFixture<UsersDetailsComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersDetailsComponent ]
     })

angular-client/src/app/components/admin/users/users-edit/users-edit.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersEditComponent } from './users-edit.component';
 
@@ -6,7 +6,7 @@ describe('UsersEditComponent', () => {
   let component: UsersEditComponent;
   let fixture: ComponentFixture<UsersEditComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersEditComponent ]
     })

angular-client/src/app/components/admin/users/users-form/users-form.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersFormComponent } from './users-form.component';
 
@@ -6,7 +6,7 @@ describe('UsersFormComponent', () => {
   let component: UsersFormComponent;
   let fixture: ComponentFixture<UsersFormComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersFormComponent ]
     })

angular-client/src/app/components/admin/users/users-list/users-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersListComponent } from './users-list.component';
 
@@ -6,7 +6,7 @@ describe('UsersListComponent', () => {
   let component: UsersListComponent;
   let fixture: ComponentFixture<UsersListComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersListComponent ]
     })

angular-client/src/app/components/admin/users/users.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { UsersComponent } from './users.component';
 
@@ -6,7 +6,7 @@ describe('UsersComponent', () => {
   let component: UsersComponent;
   let fixture: ComponentFixture<UsersComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsersComponent ]
     })

angular-client/src/app/components/auth/gain/gain-form/gain-form.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { GainFormComponent } from './gain-form.component';
 
@@ -6,7 +6,7 @@ describe('GainFormComponent', () => {
   let component: GainFormComponent;
   let fixture: ComponentFixture<GainFormComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ GainFormComponent ]
     })

angular-client/src/app/components/auth/gain/gain-list/gain-list.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { GainListComponent } from './gain-list.component';
 
@@ -6,7 +6,7 @@ describe('GainListComponent', () => {
   let component: GainListComponent;
   let fixture: ComponentFixture<GainListComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ GainListComponent ]
     })

angular-client/src/app/components/auth/gain/gain.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { GainComponent } from './gain.component';
 
@@ -6,7 +6,7 @@ describe('GainComponent', () => {
   let component: GainComponent;
   let fixture: ComponentFixture<GainComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ GainComponent ]
     })

angular-client/src/app/components/auth/profil/edit-profil-info-connexion/edit-profil-info-connexion.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { EditProfilInfoConnexionComponent } from './edit-profil-info-connexion.component';
 
@@ -6,7 +6,7 @@ describe('EditProfilInfoConnexionComponent', () => {
   let component: EditProfilInfoConnexionComponent;
   let fixture: ComponentFixture<EditProfilInfoConnexionComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ EditProfilInfoConnexionComponent ]
     })

angular-client/src/app/components/auth/profil/edit-profil-info-user/edit-profil-info-user.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { EditProfilInfoUserComponent } from './edit-profil-info-user.component';
 
@@ -6,7 +6,7 @@ describe('EditProfilInfoUserComponent', () => {
   let component: EditProfilInfoUserComponent;
   let fixture: ComponentFixture<EditProfilInfoUserComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ EditProfilInfoUserComponent ]
     })

angular-client/src/app/components/auth/profil/edit-profil-info-user/edit-profil-info-user.component.ts

@@ -1,8 +1,10 @@
 import { UsersService } from './../../../../services/users.service';
+import { AuthService } from 'src/app/services/auth.service'
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { User } from './../../../../models/userResponse';
 import { Component, Inject, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-edit-profil-info-user',
@@ -11,11 +13,12 @@ import { Component, Inject, OnInit } from '@angular/core';
 })
 export class EditProfilInfoUserComponent implements OnInit {
 
-  constructor(@Inject(MAT_DIALOG_DATA) public element: User,  public dialogRef: MatDialogRef<EditProfilInfoUserComponent>,
-    private formBuilder: FormBuilder, private usersService: UsersService)
+  constructor(@Inject(MAT_DIALOG_DATA) public element: User, public router: Router, private authService : AuthService,  public dialogRef: MatDialogRef<EditProfilInfoUserComponent>,
+    private formBuilder: FormBuilder, private usersService: UsersService )
    {}
    formGroup: FormGroup;
    submitted = false;
+   loading = false;
    user = this.element
 
    ngOnInit(): void {
@@ -46,13 +49,14 @@ export class EditProfilInfoUserComponent implements OnInit {
     data => {
         // this.router.navigate([this.returnUrl]);
         console.log(data)
-        // this.loading = false;
-        // this.router.navigate(['auth']);
+         this.loading = false;
+         this.dialogRef.close(true);
+        //this.router.navigate(['auth']);
     },
     err => {
-        // this.loading = false;
-        // console.log(err.error.message)
-        // this.authService.openSnackBar(err.error.message)
+         this.loading = false;
+        console.log(err.error.message)
+         this.authService.openSnackBar(err.error.message)
     });
 }
 

angular-client/src/app/components/auth/profil/profil.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { ProfilComponent } from './profil.component';
 
@@ -6,7 +6,7 @@ describe('ProfilComponent', () => {
   let component: ProfilComponent;
   let fixture: ComponentFixture<ProfilComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ProfilComponent ]
     })

angular-client/src/app/components/home/home.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { HomeComponent } from './home.component';
 
@@ -6,7 +6,7 @@ describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ HomeComponent ]
     })

angular-client/src/app/components/login/login.component.spec.ts

@@ -1,14 +1,29 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
 
 import { LoginComponent } from './login.component';
+import { AuthService } from 'src/app/services/auth.service';
+
+
+class AuthServiceMock { }
+class RouterMock { }
+
+
 
 describe('LoginComponent', () => {
   let component: LoginComponent;
   let fixture: ComponentFixture<LoginComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ LoginComponent ]
+      imports: [ FormsModule, ReactiveFormsModule ],
+      declarations: [ LoginComponent ],
+      providers: [
+        { provide: Router, useClass: RouterMock },
+        { provide: AuthService, useClass: AuthServiceMock }
+      ]
     })
     .compileComponents();
   }));
@@ -22,4 +37,25 @@ describe('LoginComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should display the page header text', () => {
+    const el = fixture.debugElement.query(By.css('h1')).nativeElement;
+    expect(el.textContent).toContain('Connexion');
+  });
+
+  it('should display the username and password inputs', () => {
+    const [inputUsername, inputPassword] = fixture.debugElement.queryAll(By.css('input'));
+    expect(inputUsername.nativeElement).toBeTruthy();
+    expect(inputPassword.nativeElement).toBeTruthy();
+    expect(inputUsername.nativeElement.value).toBeFalsy();
+    expect(inputPassword.nativeElement.value).toBeFalsy();
+  });
+
+  it('should display the login button', () => {
+    const el = fixture.debugElement.query(By.css('button')).nativeElement;
+    expect(el).toBeTruthy();
+    expect(el.textContent).toContain('Connexion');
+    expect(el.disabled).toBeTruthy();
+  });
+
 });

angular-client/src/app/components/login/lost-password/lost-password.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { LostPasswordComponent } from './lost-password.component';
 
@@ -6,7 +6,7 @@ describe('LostPasswordComponent', () => {
   let component: LostPasswordComponent;
   let fixture: ComponentFixture<LostPasswordComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ LostPasswordComponent ]
     })

angular-client/src/app/components/login/reset-password/reset-password.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { ResetPasswordComponent } from './reset-password.component';
 
@@ -6,7 +6,7 @@ describe('ResetPasswordComponent', () => {
   let component: ResetPasswordComponent;
   let fixture: ComponentFixture<ResetPasswordComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ResetPasswordComponent ]
     })

angular-client/src/app/components/register/register.component.html

@@ -109,6 +109,18 @@
               </mat-error>
               </mat-form-field>
             </div>
+            <div class="row justify-content-center">
+              <div class="control" controlErrorContainer>
+                <label class="checkbox">
+                <input type="checkbox" formControlName="terms" [customErrors]="customErrors">
+                <p class="row justify-content-center mt-3"> J'ai lu et j'accepte <a href="#"> les conditions générales d'utilisation </a> et j'ai pris connaissance de la <a href="#"> politique de confidentialité.</a></p>
+                </label>
+                <mat-error *ngIf="!formGroup.controls['terms'].valid || formGroup.controls['terms'].touched">
+                  {{ getErrorTerms() }}
+                </mat-error>
+              </div>
+            </div>
+
 
   
             <div class="row justify-content-center mt-3">

angular-client/src/app/components/register/register.component.scss

@@ -5,4 +5,13 @@
 
   .marginButton{
     margin-bottom: 0em !important;
-  }
+  }
+  
+.terms{  
+  display: block;
+  margin-left: 3.5rem;
+  }
+
+  .test{ 
+  font-size: x-small;
+}

angular-client/src/app/components/register/register.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { RegisterComponent } from './register.component';
 
@@ -6,7 +6,7 @@ describe('RegisterComponent', () => {
   let component: RegisterComponent;
   let fixture: ComponentFixture<RegisterComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ RegisterComponent ]
     })

angular-client/src/app/components/register/register.component.ts

@@ -52,6 +52,7 @@ export class RegisterComponent implements OnInit {
       firstname: [null, [Validators.required, Validators.pattern(caracereregex)]],
       phonenumber: [null,[Validators.required, Validators.pattern(phonenumberregex)]],
       birthday: [null,[Validators.required]],
+      terms: ['', Validators.requiredTrue],
       adress: [null,[Validators.required, Validators.pattern(adressregex)]],
       email: [null, [Validators.required, Validators.pattern(emailregex)]],
       password: [null, [Validators.required, this.checkPassword]],
@@ -95,6 +96,13 @@ export class RegisterComponent implements OnInit {
     this.formGroup.get('birthday').hasError('pattern') ? 'Date de naissance non valide' : '';
   }
 
+  getErrorTerms(){
+
+    return this.formGroup.get('terms').hasError('required') ? 'Please accept the terms' : 
+    this.formGroup.get('terms').hasError('pattern') ? 'Date de naissance non valide' : '';
+
+  }
+
   getErrorConfirmPassword() {
     return this.formGroup.get('confirmPassword').hasError('required') ? 'Confirmation mot de passe requise' :
       this.formGroup.hasError('MustMatch') ? 

angular-client/src/app/components/shared/alert-message/alert-message.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { AlertMessageComponent } from './alert-message.component';
 
@@ -6,7 +6,7 @@ describe('AlertMessageComponent', () => {
   let component: AlertMessageComponent;
   let fixture: ComponentFixture<AlertMessageComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ AlertMessageComponent ]
     })

angular-client/src/app/components/shared/cgu/cgu.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { CguComponent } from './cgu.component';
 
@@ -6,7 +6,7 @@ describe('CguComponent', () => {
   let component: CguComponent;
   let fixture: ComponentFixture<CguComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ CguComponent ]
     })

angular-client/src/app/components/shared/confirm-message/confirm-message.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { ConfirmMessageComponent } from './confirm-message.component';
 
@@ -6,7 +6,7 @@ describe('ConfirmMessageComponent', () => {
   let component: ConfirmMessageComponent;
   let fixture: ComponentFixture<ConfirmMessageComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ConfirmMessageComponent ]
     })

angular-client/src/app/components/shared/contact/contact.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { ContactComponent } from './contact.component';
 
@@ -6,7 +6,7 @@ describe('ContactComponent', () => {
   let component: ContactComponent;
   let fixture: ComponentFixture<ContactComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ContactComponent ]
     })

angular-client/src/app/components/shared/contact/formulaire/confirm/confirm.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { ConfirmComponent } from './confirm.component';
 
@@ -6,7 +6,7 @@ describe('ConfirmComponent', () => {
   let component: ConfirmComponent;
   let fixture: ComponentFixture<ConfirmComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ConfirmComponent ]
     })

angular-client/src/app/components/shared/contact/formulaire/formulaire.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { FormulaireComponent } from './formulaire.component';
 
@@ -6,7 +6,7 @@ describe('FormulaireComponent', () => {
   let component: FormulaireComponent;
   let fixture: ComponentFixture<FormulaireComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ FormulaireComponent ]
     })

angular-client/src/app/components/shared/contact/information/information.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { InformationComponent } from './information.component';
 
@@ -6,7 +6,7 @@ describe('InformationComponent', () => {
   let component: InformationComponent;
   let fixture: ComponentFixture<InformationComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ InformationComponent ]
     })

angular-client/src/app/components/shared/contact/map/map.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { MapComponent } from './map.component';
 
@@ -6,7 +6,7 @@ describe('MapComponent', () => {
   let component: MapComponent;
   let fixture: ComponentFixture<MapComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ MapComponent ]
     })

angular-client/src/app/components/shared/footer/footer.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { FooterComponent } from './footer.component';
 
@@ -6,7 +6,7 @@ describe('FooterComponent', () => {
   let component: FooterComponent;
   let fixture: ComponentFixture<FooterComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ FooterComponent ]
     })

angular-client/src/app/components/shared/mentions-legales/mentions-legales.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { MentionsLegalesComponent } from './mentions-legales.component';
 
@@ -6,7 +6,7 @@ describe('MentionsLegalesComponent', () => {
   let component: MentionsLegalesComponent;
   let fixture: ComponentFixture<MentionsLegalesComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ MentionsLegalesComponent ]
     })

angular-client/src/app/components/shared/navbar/navbar.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { NavbarComponent } from './navbar.component';
 
@@ -6,7 +6,7 @@ describe('NavbarComponent', () => {
   let component: NavbarComponent;
   let fixture: ComponentFixture<NavbarComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ NavbarComponent ]
     })

angular-client/src/app/components/shared/not-found/not-found.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { NotFoundComponent } from './not-found.component';
 
@@ -6,7 +6,7 @@ describe('NotFoundComponent', () => {
   let component: NotFoundComponent;
   let fixture: ComponentFixture<NotFoundComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ NotFoundComponent ]
     })

angular-client/src/app/components/shared/politique-confidentialite/politique-confidentialite.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 
 import { PolitiqueConfidentialiteComponent } from './politique-confidentialite.component';
 
@@ -6,7 +6,7 @@ describe('PolitiqueConfidentialiteComponent', () => {
   let component: PolitiqueConfidentialiteComponent;
   let fixture: ComponentFixture<PolitiqueConfidentialiteComponent>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ PolitiqueConfidentialiteComponent ]
     })