awf-test-lib 0.1.23 → 0.1.25

package/src/lib/shared/contact/contact.component.html

@@ -0,0 +1,136 @@
+<div *ngIf="translate && reasons ">
+    <section class="pt-0">
+        <div class="app-section-header-img">
+            <div class="container pt-4">
+                <div class="">
+                    <h2>{{translate.title}} </h2>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="py-5 background-light">
+        <div class="container px-lg-5">
+            <div class="row align-items-center">
+                <div class="col-md-6">
+                    <div class="container-contact100">
+                        <div class="wrap-contact100">
+                            <form [formGroup]="form" *ngIf="form && systems && reasons" class="contact100-form validate-form">
+                                <span class="contact100-form-title">{{translate.title}} </span>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.placeholderName}}</span> <span class="requis">* </span>:
+                                        <input [placeholder]="translate.placeholderName" type="text" pInputText formControlName="name" [ngClass]="{ 'is-invalid': submitted && f.name.invalid }">
+                                        <div *ngIf="submitted && f.name.errors">
+                                            <div class="requis" *ngIf="f.name.errors.required">{{translate.requiredName}}</div>
+                                            <div class="requis" *ngIf="f.name.errors.minlength">{{translate.requiredNameMin}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.placeholderEmail}}</span> <span class="requis">*</span>:
+                                        <input [placeholder]="translate.placeholderEmail" type="text" pInputText formControlName="email" [ngClass]="{ 'is-invalid': submitted && f.email.invalid }">
+                                        <div *ngIf="submitted && f.email.errors">
+                                            <div class="requis" *ngIf="f.email.errors.required">{{translate.requiredEmail}}</div>
+                                            <div class="requis" *ngIf="f.email.errors.email">{{translate.requiredEmailFormat}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-6">
+                                        <span class="titre">{{translate.placeholderPhone}}</span> <span class="requis">*</span>:
+                                        <input [placeholder]="translate.placeholderPhone" type="text" pInputText formControlName="phone" [ngClass]="{ 'is-invalid': submitted && f.phone.invalid }" (keypress)="preventStringKeypress($event)">
+                                        <div *ngIf="submitted && f.phone.errors">
+                                            <div class="requis" *ngIf="f.phone.errors.required">{{translate.requiredPhone}}</div>
+                                        </div>
+                                    </div>
+                                    <div class="p-col-12 p-md-6">
+                                        <span class="titre">{{translate.placeholderextentionOrComment}}</span>:
+                                        <input [placeholder]="translate.placeholderextentionOrComment" type="text" pInputText formControlName="extentionOrComment">
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.RelatedSystems}}</span> <span class="requis">*</span>:
+                                        <p-dropdown (click)="selectPM(selectedSystem)" [options]="systems" [placeholder]="translate.selectSystem" [(ngModel)]="selectedSystem" [optionLabel]="'name'" formControlName="systems"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.systems.invalid }"></p-dropdown>                                        
+                                      
+                                        <div *ngIf="submitted && f.systems.errors">
+                                            <div class="requis" *ngIf="f.systems.errors.required">{{translate.requiredSystem}}</div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2" *ngIf="showPm">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.RelatedPMs}}</span>:
+                                        <p-dropdown  
+                                            [options]="pmJobs" 
+                                            [placeholder]="translate.selectPM" 
+                                            [(ngModel)]="selectedPm" 
+                                            [optionLabel]="'wokorderDetails'" 
+                                            formControlName="pms"  
+                                            optionDisabled="inactive" 
+                                            [ngClass]="{ 'is-invalid': submitted && f.pms.invalid }">
+                                        </p-dropdown>                                        
+                                       <!-- <div *ngIf="submitted && f.pms.errors">
+                                            <div class="requis" *ngIf="f.pms.errors.required">{{translate.requiredPM }}</div>
+                                        </div>-->
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.reason}}</span> <span class="requis">*</span>:
+                                        <p-dropdown [options]="reasons" [placeholder]="translate.selectReason" [(ngModel)]="selectedReason" optionLabel="name" formControlName="reason"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"></p-dropdown>
+                                        <!-- <input [placeholder]="translate.reason" type="text" pInputText formControlName="reason" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"> -->
+                                        <div *ngIf="submitted && f.reason.errors">
+                                            <div class="requis" *ngIf="f.reason.errors.required">{{translate.reasonRequired}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.placeholderMessage}} </span> <span class="requis">*</span>:
+                                        <textarea pInputTextarea style=" min-height:100px;height:100%;width:100%;" [placeholder]="translate.placeholderMessage +'...'" formControlName="message" [ngClass]="{ 'is-invalid': submitted && f.message.errors }"></textarea>
+                                        <div *ngIf="submitted && f.message.errors">
+                                            <div class="requis" *ngIf="f.message.errors.required">{{translate.requiredMessage}}</div>
+                                            <div class="requis" *ngIf="f.message.errors.minlength">{{translate.requiredMessageMin}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <br>
+                                <br>
+                                <div class="container-contact100-form-btn">
+                                    <div class="wrap-contact100-form-btn">
+                                        <div class="contact100-form-bgbtn"></div>
+                                        <button class="btn-warranty mt-3" (click)="onSubmit()">
+                                      {{translate.send}}
+                                </button>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 contact">
+                    <iframe src="https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+                    <h6 class="fs-4 mt-3"> {{translate.information}}</h6>
+                    <section class="mb-4">
+                        <div class="">
+                            <i class="pi pi-envelope"></i><label> &nbsp; {{translate.emailText}}</label>
+                            <p class="">{{translate.email}} </p>
+                        </div>
+                        <div class=" mt-4">
+                            <i class="pi pi-map"></i><label> &nbsp; {{translate.addressText}}</label>
+                            <p class="">{{translate.adress}}</p>
+                            <p class="">{{translate.town}}</p>
+                            <p class="">{{translate.country}}</p>
+                        </div>
+                    </section>
+                </div>
+
+            </div>
+        </div>
+    </section>
+</div>
+
+<p-toast position="top-center"></p-toast>

package/src/lib/shared/contact/contact.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactComponent } from './contact.component';
+
+describe('ContactComponent', () => {
+  let component: ContactComponent;
+  let fixture: ComponentFixture<ContactComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ContactComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ContactComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/shared/contact/contact.component.ts

@@ -0,0 +1,169 @@
+import {
+  Component,
+  Output,
+  OnChanges,
+  Input,
+  EventEmitter,
+} from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MessageService } from 'primeng/api';
+import { DetailedPmJob } from '../../models/detailedPmJob.model';
+import { EventStatus } from '../../models/eventStatus';
+import { PmJob } from '../../models/pmJob.model';
+import { PmJobStatus } from '../../models/pmJobStatus';
+import { Reason } from '../../models/reason.model';
+import { ReasonCode } from '../../models/reasonCode';
+import { ReasonContact } from '../../models/reasonContact';
+import { System } from '../../models/system';
+import { DatePipe } from '@angular/common';
+
+@Component({
+  selector: 'awf-contact',
+  templateUrl: './contact.component.html',
+  styleUrls: ['./contact.component.css'],
+  providers: [MessageService,DatePipe],
+})
+export class ContactComponent implements OnChanges {
+  @Input() loading = false;
+  @Input() submitted = false;
+  @Input() systems: System[] = [];
+  @Input() selectedSystems: System[] = [];
+  @Input() translate!: any;
+  @Input() reasons!: Reason[];
+  @Output() sendForm: EventEmitter<any> = new EventEmitter();
+  form!: FormGroup;
+  selectedReason!: any;
+  selectedSystem!: System;
+  selectedPm!: any;
+  pmJobs!: any[];
+  systemContainPm = true;
+
+  showPm = false;
+  constructor(
+    private formBuilder: FormBuilder,
+    private messageService: MessageService,
+    private datePipe: DatePipe
+
+  ) {}
+
+  ngOnChanges(): void {
+    this.reasons = this.reasons.filter(
+      (x) => x.code == ReasonCode.SDI || x.code == ReasonCode.OTH
+    );
+    this.selectPM(this.selectedSystem);
+    this.loadForm();
+  }
+
+  // convenience getter for easy access to form fields
+  get f() {
+    return this.form.controls;
+  }
+
+  preventStringKeypress(event: any): void {
+    if (
+      isNaN(Number(String.fromCharCode(event.charCode))) ||
+      String.fromCharCode(event.charCode) === ' '
+    ) {
+      event.preventDefault();
+    }
+  }
+
+  onSubmit() {
+    this.submitted = true;
+    
+    if (this.form.invalid) {
+      this.messageService.add({ severity: 'error', summary: this.translate.summaryError, detail: this.translate.invalidForm });
+      return;
+    }
+
+    let detailedPmJob = {} as DetailedPmJob;
+    detailedPmJob.name = this.form.value.name;
+    detailedPmJob.phone = this.form.value.phone;
+    detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
+    detailedPmJob.email = this.form.value.email;
+    detailedPmJob.reason = this.form.value.reason.name;
+    detailedPmJob.comment = this.form.value.message;
+    if (this.form.value.pms !== undefined) {
+      detailedPmJob.pmJob = this.form.value.pms;
+    }
+    detailedPmJob.systemName = this.selectedSystem.name;
+    detailedPmJob.systemId = this.selectedSystem.systemId;
+    detailedPmJob.siteName = this.selectedSystem.siteName;
+    detailedPmJob.siteCity = this.selectedSystem.siteCity;
+    detailedPmJob.sitePostalCode = this.selectedSystem.sitePostalCode;
+    detailedPmJob.toUpdate = true;
+    if (this.form.value.pms !== undefined) {
+      detailedPmJob.selectedDate = detailedPmJob.pmJob.startDateTime;
+    }
+    detailedPmJob.reasonContact = ReasonContact.Contact;
+    detailedPmJob.futureStatus = this.slectsFutureStatus(
+      this.form.value.reason.code
+    );
+    this.sendForm.emit(detailedPmJob);
+  }
+
+  slectsFutureStatus(status: any) {
+    switch (status) {
+      case ReasonCode.MPM:
+        return PmJobStatus.WAITING;
+      case ReasonCode.RPM:
+        return PmJobStatus.REPORTED;
+      case ReasonCode.CPM:
+        return PmJobStatus.CANCELLED;
+      case ReasonCode.SDI:
+        return PmJobStatus.DESINSTALLED;
+      case ReasonCode.OTH:
+        return PmJobStatus.OTHER;
+      default:
+        return 'Erreur';
+    }
+  }
+
+  loadForm() {
+    let name = sessionStorage.getItem('userName') ?  sessionStorage.getItem('userName')  :  localStorage.getItem('userName') ;
+    let email = sessionStorage.getItem('email') ? sessionStorage.getItem('email') : localStorage.getItem('email');
+    let phone = sessionStorage.getItem('mobilePhoneNumber') ? sessionStorage.getItem('mobilePhoneNumber')  : localStorage.getItem('mobilePhoneNumber'); 
+    this.form = this.formBuilder.group({
+      name: [
+        name !== 'null' ? name : '',
+        [Validators.required, Validators.minLength(3)],
+      ],
+      email: [
+        email !== 'null' ? email : '',
+        [Validators.required, Validators.email],
+      ],
+      phone: [phone !== 'null' ? phone : '', [Validators.required]],
+      extentionOrComment: [''],
+      reason: ['', [Validators.required]],
+      systems: [[], [Validators.required]],
+      pms: [[], this.showPm ? [] : []],
+      message: ['', [Validators.required, Validators.minLength(15)]],
+    });
+  }
+
+  selectPM(selectedSystem: any) {
+    this.systemContainPm = true;
+    if (selectedSystem === undefined) {
+      return;
+    } else {
+      if (selectedSystem.pmJobs.length === 0) {
+        this.showPm = false;
+      } else {
+        this.selectedSystem = selectedSystem;
+        this.pmJobs = selectedSystem.pmJobs;
+        this.pmJobs.forEach((element) => {
+          if (element.startDateTime) {
+            if (element.caseType == 'Planned Maintenance') {
+              element.wokorderDetails = element.workorderNumber + ' - ' +  this.datePipe.transform(element.startDateTime, 'dd MMM yyyy') + ' - ' + this.translate.typePlanned;
+            }else if(element.caseType =="QARA"){
+              element.wokorderDetails = element.workorderNumber + ' - ' +  this.datePipe.transform(element.startDateTime, 'dd MMM yyyy') + ' - ' + this.translate.typeQARA;
+            }else{
+               element.wokorderDetails = element.workorderNumber + " - "+  this.datePipe.transform(element.startDateTime, 'dd MMM yyyy');    
+            }
+          }
+        });
+        this.showPm = true;
+      }
+    }
+  }
+}

package/src/lib/shared/contact-support/contact-support.component.html

@@ -0,0 +1,130 @@
+<p-dialog header="" [modal]="true" [(visible)]="displaycontactSupport"  [maximizable]="true" [breakpoints]="{'960px': '75vw'}" [style]="{width: '900px',height:'1400px'}" [draggable]="false" [resizable]="true" (onHide)="cancelContactSupport()">
+    <strong>
+    <h3 class="text-center title"> {{translate.header}} </h3>
+  </strong>
+    <br>
+        <div class="row" *ngIf="translate && form && reasons ">
+          
+            <div class="col-md-6 card-bg" >
+                <div class="conteur contact-bloc" [style]="{height:'150px'}">
+                    <img class="d-block mx-auto" src="assets/img/GEPortal/phone-call-.png">
+                    <p class="counter contact-icon text-center mt-4">{{translate.contacted}}</p>
+                </div> 
+                <br>
+                <form [formGroup]="form" *ngIf="form" class="contact100-form validate-form">
+                              <span class="contact100-form-title">{{translate.title}}</span>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12 ">
+                                        <span class="titre">{{translate.placeholderName}}</span> <span class="requis">* </span>:
+                                        <input [placeholder]="translate.placeholderName" type="text" pInputText formControlName="name" [ngClass]="{ 'is-invalid': submitted && f.name.invalid }">
+                                        <div *ngIf="submitted && f.name.errors">
+                                            <div class="requis" *ngIf="f.name.errors.required">{{translate.requiredName}}</div>
+                                            <div class="requis" *ngIf="f.name.errors.minlength">{{translate.requiredNameMin}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-12">
+                                        <span class="titre">{{translate.placeholderEmail}}</span> <span class="requis">*</span>:
+                                        <input [placeholder]="translate.placeholderEmail" type="text" pInputText formControlName="email" [ngClass]="{ 'is-invalid': submitted && f.email.invalid }">
+                                        <div *ngIf="submitted && f.email.errors">
+                                            <div class="requis" *ngIf="f.email.errors.required">{{translate.requiredEmail}}</div>
+                                            <div class="requis" *ngIf="f.email.errors.email">{{translate.requiredEmailFormat}}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-grid p-fluid p-mt-2">
+                                    <div class="p-col-12 p-md-6">
+                                        <span class="titre">{{translate.placeholderPhone}}</span> <span class="requis">*</span>:
+                                        <input [placeholder]="translate.placeholderPhone" type="text" pInputText formControlName="phone" [ngClass]="{ 'is-invalid': submitted && f.phone.invalid }" (keypress)="preventStringKeypress($event)">
+                                        <div *ngIf="submitted && f.phone.errors">
+                                            <div class="requis" *ngIf="f.phone.errors.required">{{translate.requiredPhone}}</div>
+                                        </div>
+                                    </div>
+                                    <div class="p-col-12 p-md-6">
+                                        <span class="titre">{{translate.placeholderextentionOrComment}}</span>:
+                                        <input [placeholder]="translate.placeholderextentionOrComment" type="text" pInputText formControlName="extentionOrComment">
+                                    </div>
+                                </div>
+                    
+                    <div class="p-grid p-fluid p-mt-2">
+                        <div class="p-col-12 p-md-12 ">
+                            <span class="titre">{{translate.system}}</span> <span class="requis">*</span>:
+                            <input [placeholder]="translate.system" type="text" pInputText formControlName="system" [ngClass]="{ 'is-invalid': submitted && f.system.invalid }">
+                            <div *ngIf="submitted && f.system.errors">
+                                <div class="requis" *ngIf="f.system.errors?.required">{{translate.required}}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="p-grid p-fluid p-mt-2">
+                        <div class="p-col-12 p-md-12 ">
+                            <span class="titre">{{translate.workOrder}}</span> <span class="requis"></span>:
+                            <input [placeholder]="translate.workOrder" type="text" pInputText formControlName="workOrder" [ngClass]="{ 'is-invalid': submitted && f.workOrder.invalid }">
+                            <div *ngIf="submitted && f.workOrder.errors">
+                                <div class="requis" *ngIf="f.workOrder.errors?.required">{{translate.required}}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="p-grid p-fluid p-mt-2">
+                        <div class="p-col-12 p-md-12 ">
+                            <span class="titre">{{translate.reason}}</span> <span class="requis">*</span>:
+                            <p-dropdown [options]="reasons" [placeholder]="translate.selectReason" [(ngModel)]="selectedReason" optionLabel="name" formControlName="reason"  optionDisabled="inactive" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"></p-dropdown>
+                            <!-- <input [placeholder]="translate.reason" type="text" pInputText formControlName="reason" [ngClass]="{ 'is-invalid': submitted && f.reason.invalid }"> -->
+                            <div *ngIf="submitted && f.reason.errors">
+                                <div class="requis" *ngIf="f.reason.errors.required">{{translate.reasonRequired}}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="p-grid p-fluid p-mt-2">
+                        <div class="p-col-12 p-md-12 ">
+                            <span class="titre">{{translate.message}} </span> <span *ngIf=" reasonContact !=='MoreDatesFormPm'" class="requis">*</span>:
+                            <textarea pInputTextarea style=" min-height:100px;height:100%;width:100%;" [placeholder]="translate.message +'...'" formControlName="message" [ngClass]="{ 'is-invalid': submitted && f.message.errors }"></textarea>
+                            <div *ngIf="submitted && f.message.errors">
+                                <div class="requis" *ngIf="f.message.errors.required">{{translate.required}}</div>
+                                <div class="requis" *ngIf="f.message.errors.minlength">{{translate.requiredMessageMin}}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <br>
+                    <br>
+                    <div class="container-contact100-form-btn">
+                        <div class="wrap-contact100-form-btn">
+                            <div class="contact100-form-bgbtn"></div>
+                            <button pButton pRipple class="d-block mx-auto" [label]="translate.accept" icon="pi pi-thumbs-up" [pTooltip]="translate.accept"  tooltipPosition="bottom" (click)="onSubmit()"></button>
+                        </div>
+                    </div>
+                </form>
+                <!-- <button pButton pRipple class="d-block mx-auto" [label]="translate.accept" icon="pi pi-thumbs-up" [pTooltip]="translate.accept"  tooltipPosition="bottom" (click)="contacted()"></button> -->
+            </div>
+            <div class="col-md-6 card-bg"  >
+                <div class="conteur contact-bloc" [style]="{height:'150px'}">
+                    <img class="d-block mx-auto" src="assets/img/GEPortal/phone-called.png">
+                    <p class="counter contact-icon text-center mt-4">{{translate.contact}}</p>
+                </div>
+                <br>
+                <button pButton pRipple class="d-block mx-auto" [label]="translate.seeNumber" icon="pi pi-eye" [pTooltip]="translate.accept" tooltipPosition="bottom" (click)="contact()"></button>
+                <br>
+                <iframe src="https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+                    <h6 class="fs-4 mt-3"> {{translate.information}}</h6>
+                    <section class="mb-4">
+                        <div class="">
+                            <i class="pi pi-envelope"></i><label> &nbsp; {{translate.emailText}}</label>
+                            <p class="">{{translate.email}} </p>
+                        </div>
+                        <div class=" mt-4">
+                            <i class="pi pi-map"></i><label> &nbsp; {{translate.addressText}}</label>
+                            <p class="">{{translate.adress}}</p>
+                            <p class="">{{translate.town}}</p>
+                            <p class="">{{translate.country}}</p>
+                        </div>
+                    </section>
+            </div>
+        </div>
+</p-dialog>
+<p-dialog *ngIf="translate"[header]="translate.serviceCenterPhoneText" [modal]="true" [(visible)]="displayNumber"  [breakpoints]="{'960px': '75vw'}" [style]="{width: '400px',height:'200px'}" [draggable]="false" [resizable]="false" (onHide)="closeNumber()">
+<br>
+  <h4 class="number"> <strong> <i class="pi pi-phone"></i>  &nbsp;{{translate.contactNumber}}</strong></h4>
+</p-dialog>
+
+
+<p-toast position="top-center"></p-toast>

package/src/lib/shared/contact-support/contact-support.component.scss

@@ -0,0 +1,10 @@
+.contact-icon {
+    font-weight: inherit;
+    font-size: 15px;
+}
+.number
+{
+    text-align: center;
+    color: #0084ff;
+  
+}

package/src/lib/shared/contact-support/contact-support.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactSupportComponent } from './contact-support.component';
+
+describe('ContactSupportComponent', () => {
+    let component: ContactSupportComponent;
+    let fixture: ComponentFixture<ContactSupportComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            declarations: [ ContactSupportComponent ]
+        })
+            .compileComponents();
+    });
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(ContactSupportComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});