unit test performance (#3194)

* DataTable (-4 sec)

* PaginationComponent (-1 sec)

* DocumentList

* custom testbed setup, test upgrades

* test fixes

* more test fixes

* remove fdescribe

* test fixes

* test fixes

* more test fixes

* test fixes

* upgrade tests

* update tests

* upgrade tests

* upgrade tests

* upgrade tests

* upgrade tests

* update tests

* translate loader fixes

* auth and cookie fixes

* upgrade tests

* upgrade tests

* test fixes

* almost there

* diable broken tests

* process tests (part 1)

* fix lint issues

* another test upgrade

* almost there

* cleanup

* insights testing upgrade

* improve tests

* tests cleanup

* tests cleanup

* cleanup tests

* test cleanup

* favorite nodes tests

* rebase fix syntax

* fix core test

* give up test focus

* flush tabs

* fix search test

* Update document-list.component.spec.ts

* fix document list lock

* increase tick time

* remove duplicate test

lib/core/form/components/widgets/amount/amount.widget.spec.ts

@@ -15,36 +15,24 @@
  * limitations under the License.
  */
 
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MaterialModule } from '../../../../material.module';
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
-import { ErrorWidgetComponent } from '../error/error.component';
-import { EcmModelService } from './../../../services/ecm-model.service';
-import { FormService } from './../../../services/form.service';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormFieldModel } from './../core/form-field.model';
 import { AmountWidgetComponent } from './amount.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('AmountWidgetComponent', () => {
 
     let widget: AmountWidgetComponent;
     let fixture: ComponentFixture<AmountWidgetComponent>;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [
-                AmountWidgetComponent,
-                ErrorWidgetComponent
-            ],
-            providers: [
-                FormService,
-                EcmModelService,
-                ActivitiContentService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(AmountWidgetComponent);
@@ -52,7 +40,7 @@ describe('AmountWidgetComponent', () => {
         widget = fixture.componentInstance;
     });
 
-    it('should setup currentcy from field', () => {
+    it('should setup currency from field', () => {
         const currency = 'UAH';
         widget.field = new FormFieldModel(null, {
             currency: currency

lib/core/form/components/widgets/container/container.widget.spec.ts

@@ -15,41 +15,29 @@
  * limitations under the License.
  */
 
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { MaterialModule } from '../../../../material.module';
-import { WIDGET_DIRECTIVES } from '../index';
-import { MASK_DIRECTIVE } from '../index';
-import { EcmModelService } from './../../../services/ecm-model.service';
-import { FormService } from './../../../services/form.service';
-import { FormFieldComponent } from './../../form-field/form-field.component';
-import { ContentWidgetComponent } from './../content/content.widget';
 import { ContainerColumnModel } from './../core/container-column.model';
 import { FormFieldTypes } from './../core/form-field-types';
 import { FormFieldModel } from './../core/form-field.model';
 import { FormModel } from './../core/form.model';
 import { ContainerWidgetComponent } from './container.widget';
 import { ContainerWidgetComponentModel } from './container.widget.model';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('ContainerWidgetComponent', () => {
 
     let widget: ContainerWidgetComponent;
     let fixture: ComponentFixture<ContainerWidgetComponent>;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [FormFieldComponent, ContentWidgetComponent, WIDGET_DIRECTIVES, MASK_DIRECTIVE],
-            providers: [
-                FormService,
-                EcmModelService,
-                ActivitiContentService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(ContainerWidgetComponent);

lib/core/form/components/widgets/content/content.widget.spec.ts

@@ -17,16 +17,17 @@
 
 import { SimpleChange } from '@angular/core';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MaterialModule } from '../../../../material.module';
 import { By } from '@angular/platform-browser';
 import { TranslationService, ContentService } from '../../../../services';
 import { Observable } from 'rxjs/Observable';
 
-import { EcmModelService } from '../../../services/ecm-model.service';
-import { FormService } from '../../../services/form.service';
 import { ProcessContentService } from '../../../services/process-content.service';
 import { ContentLinkModel } from '../index';
 import { ContentWidgetComponent } from './content.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { TranslationMock } from '../../../../mock/translation.service.mock';
 
 declare let jasmine: any;
 
@@ -62,30 +63,19 @@ describe('ContentWidgetComponent', () => {
         return new Blob([pdfData], {type: 'application/pdf'});
     }
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [
-                ContentWidgetComponent
-            ],
-            providers: [
-                FormService,
-                EcmModelService,
-                ContentService,
-                ProcessContentService
-            ]
-        }).compileComponents();
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ],
+        providers: [
+            { provide: TranslationService, useClass: TranslationMock }
+        ]
+    });
 
+    beforeEach(async(() => {
         serviceContent = TestBed.get(ContentService);
         processContentService = TestBed.get(ProcessContentService);
-
-        let translateService = TestBed.get(TranslationService);
-        spyOn(translateService, 'addTranslationFolder').and.stub();
-        spyOn(translateService, 'get').and.callFake((key) => {
-            return Observable.of(key);
-        });
     }));
 
     beforeEach(() => {

lib/core/form/components/widgets/date-time/date-time.widget.spec.ts

@@ -17,14 +17,12 @@
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import moment from 'moment-es6';
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
-import { MaterialModule } from '../../../../material.module';
-import { ErrorWidgetComponent } from '../error/error.component';
-import { EcmModelService } from './../../../services/ecm-model.service';
-import { FormService } from './../../../services/form.service';
 import { FormFieldModel } from './../core/form-field.model';
 import { FormModel } from './../core/form.model';
 import { DateTimeWidgetComponent } from './date-time.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('DateTimeWidgetComponent', () => {
 
@@ -32,22 +30,12 @@ describe('DateTimeWidgetComponent', () => {
     let fixture: ComponentFixture<DateTimeWidgetComponent>;
     let element: HTMLElement;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [
-                DateTimeWidgetComponent,
-                ErrorWidgetComponent
-            ],
-            providers: [
-                FormService,
-                EcmModelService,
-                ActivitiContentService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(DateTimeWidgetComponent);
@@ -58,7 +46,6 @@ describe('DateTimeWidgetComponent', () => {
 
     afterEach(() => {
         fixture.destroy();
-        TestBed.resetTestingModule();
     });
 
     it('should setup min value for date picker', () => {

lib/core/form/components/widgets/date/date.widget.spec.ts

@@ -17,14 +17,12 @@
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import moment from 'moment-es6';
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
-import { MaterialModule } from '../../../../material.module';
-import { ErrorWidgetComponent } from '../error/error.component';
-import { EcmModelService } from './../../../services/ecm-model.service';
-import { FormService } from './../../../services/form.service';
 import { FormFieldModel } from './../core/form-field.model';
 import { FormModel } from './../core/form.model';
 import { DateWidgetComponent } from './date.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('DateWidgetComponent', () => {
 
@@ -32,22 +30,12 @@ describe('DateWidgetComponent', () => {
     let fixture: ComponentFixture<DateWidgetComponent>;
     let element: HTMLElement;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [
-                DateWidgetComponent,
-                ErrorWidgetComponent
-            ],
-            providers: [
-                FormService,
-                ActivitiContentService,
-                EcmModelService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(DateWidgetComponent);

lib/core/form/components/widgets/dropdown/dropdown.widget.spec.ts

@@ -18,15 +18,15 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { Observable } from 'rxjs/Observable';
-import { EcmModelService } from '../../../services/ecm-model.service';
 import { FormService } from '../../../services/form.service';
 import { WidgetVisibilityService } from '../../../services/widget-visibility.service';
-import { MaterialModule } from '../../../../material.module';
-import { ErrorWidgetComponent } from '../error/error.component';
 import { FormFieldOption } from './../core/form-field-option';
 import { FormFieldModel } from './../core/form-field.model';
 import { FormModel } from './../core/form.model';
 import { DropdownWidgetComponent } from './dropdown.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('DropdownWidgetComponent', () => {
 
@@ -47,21 +47,20 @@ describe('DropdownWidgetComponent', () => {
         { id: 'opt_2', name: 'option_2' },
         { id: 'opt_3', name: 'option_3' }];
 
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
+
     beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [DropdownWidgetComponent, ErrorWidgetComponent],
-            providers: [FormService, EcmModelService, WidgetVisibilityService]
-        }).compileComponents().then(() => {
-            fixture = TestBed.createComponent(DropdownWidgetComponent);
-            widget = fixture.componentInstance;
-            element = fixture.nativeElement;
-            formService = TestBed.get(FormService);
-            visibilityService = TestBed.get(WidgetVisibilityService);
-            widget.field = new FormFieldModel(new FormModel());
-        });
+        fixture = TestBed.createComponent(DropdownWidgetComponent);
+        widget = fixture.componentInstance;
+        element = fixture.nativeElement;
+        formService = TestBed.get(FormService);
+        visibilityService = TestBed.get(WidgetVisibilityService);
+        widget.field = new FormFieldModel(new FormModel());
     }));
 
     it('should require field with restUrl', () => {

lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.spec.ts

@@ -17,23 +17,15 @@
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { LogService } from '../../../../services';
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
-import { WidgetVisibilityService } from '../../../services/widget-visibility.service';
-import { MaterialModule } from '../../../../material.module';
-import { ErrorWidgetComponent } from '../error/error.component';
-import { EcmModelService } from './../../../services/ecm-model.service';
 import { FormService } from './../../../services/form.service';
 import { FormFieldModel, FormFieldTypes, FormModel } from './../core/index';
 import { DynamicTableColumn  } from './dynamic-table-column.model';
 import { DynamicTableRow  } from './dynamic-table-row.model';
 import { DynamicTableWidgetComponent } from './dynamic-table.widget';
 import { DynamicTableModel } from './dynamic-table.widget.model';
-
-import { BooleanEditorComponent } from './editors/boolean/boolean.editor';
-import { DateEditorComponent } from './editors/date/date.editor';
-import { DropdownEditorComponent } from './editors/dropdown/dropdown.editor';
-import { RowEditorComponent } from './editors/row.editor';
-import { TextEditorComponent } from './editors/text/text.editor';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 let fakeFormField = {
     id: 'fake-dynamic-table',
@@ -85,23 +77,12 @@ describe('DynamicTableWidgetComponent', () => {
     let logService: LogService;
     let formService: FormService;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [DynamicTableWidgetComponent, RowEditorComponent,
-                DropdownEditorComponent, DateEditorComponent, BooleanEditorComponent,
-                TextEditorComponent, ErrorWidgetComponent],
-            providers: [
-                FormService,
-                LogService,
-                ActivitiContentService,
-                EcmModelService,
-                WidgetVisibilityService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         const field = new FormFieldModel(new FormModel());

lib/core/form/components/widgets/dynamic-table/editors/date/date.editor.spec.ts

@@ -15,15 +15,16 @@
  * limitations under the License.
  */
 
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import moment from 'moment-es6';
-import { MaterialModule } from '../../../../../../material.module';
 import { FormFieldModel, FormModel } from '../../../index';
 import { DynamicTableColumn  } from './../../dynamic-table-column.model';
 import { DynamicTableRow  } from './../../dynamic-table-row.model';
 import { DynamicTableModel } from './../../dynamic-table.widget.model';
-
 import { DateEditorComponent } from './date.editor';
+import { setupTestBed } from '../../../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('DateEditorComponent', () => {
     let component: DateEditorComponent;
@@ -32,16 +33,12 @@ describe('DateEditorComponent', () => {
     let column: DynamicTableColumn;
     let table: DynamicTableModel;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [
-                DateEditorComponent
-            ],
-            imports: [
-                MaterialModule
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(DateEditorComponent);

lib/core/form/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.spec.ts

@@ -18,16 +18,16 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { Observable } from 'rxjs/Observable';
-import { EcmModelService } from '../../../../../services/ecm-model.service';
-import { MaterialModule } from '../../../../../../material.module';
 import { FormService } from './../../../../../services/form.service';
 import { FormFieldModel, FormModel } from './../../../core/index';
 import { DynamicTableColumnOption  } from './../../dynamic-table-column-option.model';
 import { DynamicTableColumn  } from './../../dynamic-table-column.model';
 import { DynamicTableRow  } from './../../dynamic-table-row.model';
 import { DynamicTableModel } from './../../dynamic-table.widget.model';
-
 import { DropdownEditorComponent } from './dropdown.editor';
+import { setupTestBed } from '../../../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('DropdownEditorComponent', () => {
 
@@ -38,6 +38,13 @@ describe('DropdownEditorComponent', () => {
     let column: DynamicTableColumn;
     let row: DynamicTableRow;
 
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
+
     beforeEach(() => {
         formService = new FormService(null, null, null);
 
@@ -190,20 +197,13 @@ describe('DropdownEditorComponent', () => {
         let dynamicTable: DynamicTableModel;
 
         beforeEach(async(() => {
-            TestBed.configureTestingModule({
-                imports: [MaterialModule],
-                declarations: [DropdownEditorComponent],
-                providers: [FormService, EcmModelService]
-            }).compileComponents().then(() => {
-                fixture = TestBed.createComponent(DropdownEditorComponent);
-                dropDownEditorComponent = fixture.componentInstance;
-                element = fixture.nativeElement;
-            });
+            fixture = TestBed.createComponent(DropdownEditorComponent);
+            dropDownEditorComponent = fixture.componentInstance;
+            element = fixture.nativeElement;
         }));
 
         afterEach(() => {
             fixture.destroy();
-            TestBed.resetTestingModule();
         });
 
         describe('and dropdown is populated via taskId', () => {

lib/core/form/components/widgets/people/people.widget.spec.ts

@@ -19,15 +19,14 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { UserProcessModel } from '../../../../models';
 import { Observable } from 'rxjs/Observable';
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
 import { FormService } from '../../../services/form.service';
-import { MaterialModule } from '../../../../material.module';
 import { FormFieldTypes } from '../core/form-field-types';
 import { FormFieldModel } from '../core/form-field.model';
 import { FormModel } from '../core/form.model';
-import { ErrorWidgetComponent } from '../error/error.component';
-import { EcmModelService } from './../../../services/ecm-model.service';
 import { PeopleWidgetComponent } from './people.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('PeopleWidgetComponent', () => {
 
@@ -36,22 +35,12 @@ describe('PeopleWidgetComponent', () => {
     let element: HTMLElement;
     let formService: FormService;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [
-                PeopleWidgetComponent,
-                ErrorWidgetComponent
-            ],
-            providers: [
-                FormService,
-                EcmModelService,
-                ActivitiContentService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(PeopleWidgetComponent);

lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.spec.ts

@@ -17,23 +17,29 @@
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { Observable } from 'rxjs/Observable';
-
-import { EcmModelService } from '../../../services/ecm-model.service';
 import { FormService } from '../../../services/form.service';
-import { MaterialModule } from '../../../../material.module';
 import { ContainerModel } from '../core/container.model';
 import { FormFieldTypes } from '../core/form-field-types';
-import { ErrorWidgetComponent } from '../error/error.component';
 import { FormFieldOption } from './../core/form-field-option';
 import { FormFieldModel } from './../core/form-field.model';
 import { FormModel } from './../core/form.model';
 import { RadioButtonsWidgetComponent } from './radio-buttons.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('RadioButtonsWidgetComponent', () => {
 
     let formService: FormService;
     let widget: RadioButtonsWidgetComponent;
 
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
+
     beforeEach(() => {
         formService = new FormService(null, null, null);
         widget = new RadioButtonsWidgetComponent(formService, null);
@@ -134,20 +140,13 @@ describe('RadioButtonsWidgetComponent', () => {
         }];
 
         beforeEach(async(() => {
-            TestBed.configureTestingModule({
-                imports: [ MaterialModule ],
-                declarations: [RadioButtonsWidgetComponent, ErrorWidgetComponent],
-                providers: [FormService, EcmModelService]
-            }).compileComponents().then(() => {
-                fixture = TestBed.createComponent(RadioButtonsWidgetComponent);
-                radioButtonWidget = fixture.componentInstance;
-                element = fixture.nativeElement;
-            });
+            fixture = TestBed.createComponent(RadioButtonsWidgetComponent);
+            radioButtonWidget = fixture.componentInstance;
+            element = fixture.nativeElement;
         }));
 
         afterEach(() => {
             fixture.destroy();
-            TestBed.resetTestingModule();
         });
 
         describe('and radioButton is populated via taskId', () => {

lib/core/form/components/widgets/tabs/tabs.widget.spec.ts

@@ -15,22 +15,31 @@
  * limitations under the License.
  */
 
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { fakeFormJson } from '../../../../mock';
-import { MaterialModule } from '../../../../material.module';
+import { tick, fakeAsync, async, ComponentFixture, TestBed, flush } from '@angular/core/testing';
+import { fakeFormJson, TranslationMock } from '../../../../mock';
 import { FormFieldModel } from '../core/form-field.model';
 import { FormModel } from '../core/form.model';
 import { TabModel } from '../core/tab.model';
-import { WIDGET_DIRECTIVES } from '../index';
-import { MASK_DIRECTIVE } from '../index';
-import { FormFieldComponent } from './../../form-field/form-field.component';
-import { ContentWidgetComponent } from './../content/content.widget';
 import { TabsWidgetComponent } from './tabs.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { TranslationService } from '../../../../services/translation.service';
 
 describe('TabsWidgetComponent', () => {
 
     let widget: TabsWidgetComponent;
 
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ],
+        providers: [
+            { provide: TranslationService, useClass: TranslationMock }
+        ]
+    });
+
     beforeEach(() => {
         widget = new TabsWidgetComponent();
     });
@@ -56,7 +65,7 @@ describe('TabsWidgetComponent', () => {
     });
 
     it('should remove invisible tabs', () => {
-        let fakeTab = new TabModel(null, {id: 'fake-tab-id', title: 'fake-tab-title'});
+        let fakeTab = new TabModel(null, { id: 'fake-tab-id', title: 'fake-tab-title' });
         fakeTab.isVisible = false;
         widget.tabs.push(fakeTab);
         widget.ngAfterContentChecked();
@@ -65,7 +74,7 @@ describe('TabsWidgetComponent', () => {
     });
 
     it('should leave visible tabs', () => {
-        let fakeTab = new TabModel(null, {id: 'fake-tab-id', title: 'fake-tab-title'});
+        let fakeTab = new TabModel(null, { id: 'fake-tab-id', title: 'fake-tab-title' });
         fakeTab.isVisible = true;
         widget.tabs.push(fakeTab);
         widget.ngAfterContentChecked();
@@ -84,59 +93,66 @@ describe('TabsWidgetComponent', () => {
         let fakeTabInvisible: TabModel;
 
         beforeEach(async(() => {
-            TestBed.configureTestingModule({
-                imports: [ MaterialModule ],
-                declarations: [FormFieldComponent, ContentWidgetComponent, WIDGET_DIRECTIVES, MASK_DIRECTIVE]
-            }).compileComponents().then(() => {
-                fixture = TestBed.createComponent(TabsWidgetComponent);
-                tabWidgetComponent = fixture.componentInstance;
-                element = fixture.nativeElement;
+            fixture = TestBed.createComponent(TabsWidgetComponent);
+            tabWidgetComponent = fixture.componentInstance;
+            element = fixture.nativeElement;
 
-                fakeTabVisible = new TabModel(new FormModel(fakeFormJson), {
-                    id: 'tab-id-visible',
-                    title: 'tab-title-visible'
-                });
-                fakeTabVisible.isVisible = true;
-                fakeTabInvisible = new TabModel(new FormModel(fakeFormJson), {
-                    id: 'tab-id-invisible',
-                    title: 'tab-title-invisible'
-                });
-                fakeTabInvisible.isVisible = false;
-                tabWidgetComponent.tabs.push(fakeTabVisible);
-                tabWidgetComponent.tabs.push(fakeTabInvisible);
+            fakeTabVisible = new TabModel(new FormModel(fakeFormJson), {
+                id: 'tab-id-visible',
+                title: 'tab-title-visible'
             });
+            fakeTabVisible.isVisible = true;
+            fakeTabInvisible = new TabModel(new FormModel(fakeFormJson), {
+                id: 'tab-id-invisible',
+                title: 'tab-title-invisible'
+            });
+            fakeTabInvisible.isVisible = false;
+            tabWidgetComponent.tabs.push(fakeTabVisible);
+            tabWidgetComponent.tabs.push(fakeTabInvisible);
         }));
 
-        it('should show only visible tabs', () => {
+        it('should show only visible tabs', fakeAsync(() => {
             fixture.detectChanges();
-            fixture.whenStable()
-                .then(() => {
-                    expect(element.innerText).toContain('tab-title-visible');
-                });
-        });
 
-        it('should show tab when it became visible', async(() => {
+            tick(500);
+
+            expect(element.innerText).toContain('tab-title-visible');
+        }));
+
+        it('should show tab when it became visible', fakeAsync(() => {
+            fakeTabInvisible.isVisible = false;
+
             fixture.detectChanges();
+
+            tick(500);
+
             tabWidgetComponent.formTabChanged.subscribe((res) => {
                 tabWidgetComponent.tabs[1].isVisible = true;
+
+                tick(500);
+
+                flush();
+
                 fixture.detectChanges();
-                fixture.whenStable()
-                    .then(() => {
-                        expect(element.innerText).toContain('tab-title-invisible');
-                    });
+                expect(element.innerText).toContain('tab-title-invisible');
             });
             tabWidgetComponent.tabChanged(null);
         }));
 
-        it('should hide tab when it became not visible', async(() => {
+        it('should hide tab when it became not visible', fakeAsync(() => {
             fixture.detectChanges();
+
+            tick(500);
+
             tabWidgetComponent.formTabChanged.subscribe((res) => {
                 tabWidgetComponent.tabs[0].isVisible = false;
+
+                tick(500);
+
+                flush();
+
                 fixture.detectChanges();
-                fixture.whenStable()
-                    .then(() => {
-                        expect(element.querySelector('innerText')).not.toContain('tab-title-visible');
-                    });
+                expect(element.querySelector('innerText')).not.toContain('tab-title-visible');
             });
             tabWidgetComponent.tabChanged(null);
         }));

lib/core/form/components/widgets/text/text.widget.spec.ts

@@ -19,14 +19,10 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormFieldTypes } from '../core/form-field-types';
 import { FormFieldModel } from '../core/form-field.model';
 import { FormModel } from '../core/form.model';
-import { InputMaskDirective } from './text-mask.component';
 import { TextWidgetComponent } from './text.widget';
-
-import { ActivitiContentService } from '../../../services/activiti-alfresco.service';
-import { MaterialModule } from '../../../../material.module';
-import { ErrorWidgetComponent } from '../error/error.component';
-import { EcmModelService } from './../../../services/ecm-model.service';
-import { FormService } from './../../../services/form.service';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('TextWidgetComponent', () => {
 
@@ -34,23 +30,12 @@ describe('TextWidgetComponent', () => {
     let fixture: ComponentFixture<TextWidgetComponent>;
     let element: HTMLElement;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                MaterialModule
-            ],
-            declarations: [
-                TextWidgetComponent,
-                ErrorWidgetComponent,
-                InputMaskDirective
-            ],
-            providers: [
-                FormService,
-                EcmModelService,
-                ActivitiContentService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(TextWidgetComponent);

lib/core/form/components/widgets/typeahead/typeahead.widget.spec.ts

@@ -19,21 +19,28 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { Observable } from 'rxjs/Observable';
 
 import { By } from '@angular/platform-browser';
-import { EcmModelService } from '../../../services/ecm-model.service';
 import { FormService } from '../../../services/form.service';
-import { MaterialModule } from '../../../../material.module';
 import { FormFieldOption } from '../core/form-field-option';
 import { FormFieldTypes } from '../core/form-field-types';
 import { FormFieldModel } from '../core/form-field.model';
 import { FormModel } from '../core/form.model';
-import { ErrorWidgetComponent } from '../error/error.component';
 import { TypeaheadWidgetComponent } from './typeahead.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('TypeaheadWidgetComponent', () => {
 
     let formService: FormService;
     let widget: TypeaheadWidgetComponent;
 
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
+
     beforeEach(() => {
         formService = new FormService(null, null, null);
         widget = new TypeaheadWidgetComponent(formService, null);
@@ -223,15 +230,9 @@ describe('TypeaheadWidgetComponent', () => {
         }, { id: '3', name: 'Fake Name 3' }];
 
         beforeEach(async(() => {
-            TestBed.configureTestingModule({
-                imports: [MaterialModule],
-                declarations: [TypeaheadWidgetComponent, ErrorWidgetComponent],
-                providers: [ FormService, EcmModelService]
-            }).compileComponents().then(() => {
-                fixture = TestBed.createComponent(TypeaheadWidgetComponent);
-                typeaheadWidgetComponent = fixture.componentInstance;
-                element = fixture.nativeElement;
-            });
+            fixture = TestBed.createComponent(TypeaheadWidgetComponent);
+            typeaheadWidgetComponent = fixture.componentInstance;
+            element = fixture.nativeElement;
         }));
 
         afterEach(() => {
@@ -261,7 +262,6 @@ describe('TypeaheadWidgetComponent', () => {
 
             afterEach(() => {
                 fixture.destroy();
-                TestBed.resetTestingModule();
             });
 
         });

lib/core/form/components/widgets/upload/upload.widget.spec.ts

@@ -19,16 +19,15 @@ import { DebugElement } from '@angular/core';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { Observable } from 'rxjs/Observable';
-
-import { EcmModelService } from '../../../services/ecm-model.service';
 import { FormService } from '../../../services/form.service';
 import { ProcessContentService } from '../../../services/process-content.service';
-import { MaterialModule } from '../../../../material.module';
 import { FormFieldTypes } from '../core/form-field-types';
 import { FormModel } from '../core/form.model';
-import { ErrorWidgetComponent } from '../error/error.component';
 import { FormFieldModel } from './../core/form-field.model';
 import { UploadWidgetComponent } from './upload.widget';
+import { setupTestBed } from '../../../../testing/setupTestBed';
+import { CoreModule } from '../../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 let fakePngAnswer = {
     'id': 1155,
@@ -67,6 +66,13 @@ describe('UploadWidgetComponent', () => {
     let filePngFake = new File(['fakePng'], 'file-fake.png', {type: 'image/png'});
     let filJpgFake = new File(['fakeJpg'], 'file-fake.jpg', {type: 'image/jpg'});
 
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
+
     describe('when template is ready', () => {
         let uploadWidgetComponent: UploadWidgetComponent;
         let fixture: ComponentFixture<UploadWidgetComponent>;
@@ -76,17 +82,11 @@ describe('UploadWidgetComponent', () => {
         let formServiceInstance: FormService;
 
         beforeEach(async(() => {
-            TestBed.configureTestingModule({
-                imports: [ MaterialModule],
-                declarations: [UploadWidgetComponent, ErrorWidgetComponent],
-                providers: [FormService, EcmModelService, ProcessContentService]
-            }).compileComponents().then(() => {
-                fixture = TestBed.createComponent(UploadWidgetComponent);
-                uploadWidgetComponent = fixture.componentInstance;
-                element = fixture.nativeElement;
-                debugElement = fixture.debugElement;
-                contentService = TestBed.get(ProcessContentService);
-            });
+            fixture = TestBed.createComponent(UploadWidgetComponent);
+            uploadWidgetComponent = fixture.componentInstance;
+            element = fixture.nativeElement;
+            debugElement = fixture.debugElement;
+            contentService = TestBed.get(ProcessContentService);
         }));
 
         beforeEach(() => {
@@ -96,7 +96,6 @@ describe('UploadWidgetComponent', () => {
 
         afterEach(() => {
             fixture.destroy();
-            TestBed.resetTestingModule();
             jasmine.Ajax.uninstall();
         });
 

lib/core/form/components/widgets/widget.component.spec.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActivitiContentService } from '../../services/activiti-alfresco.service';
-import { EcmModelService } from './../../services/ecm-model.service';
-import { FormService } from './../../services/form.service';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormFieldModel } from './core/form-field.model';
 import { FormModel } from './core/form.model';
 import { WidgetComponent } from './widget.component';
+import { setupTestBed } from '../../../testing/setupTestBed';
+import { CoreModule } from '../../../core.module';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('WidgetComponent', () => {
 
@@ -29,16 +29,12 @@ describe('WidgetComponent', () => {
     let fixture: ComponentFixture<WidgetComponent>;
     let element: HTMLElement;
 
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [WidgetComponent],
-            providers: [
-                FormService,
-                EcmModelService,
-                ActivitiContentService
-            ]
-        }).compileComponents();
-    }));
+    setupTestBed({
+        imports: [
+            NoopAnimationsModule,
+            CoreModule.forRoot()
+        ]
+    });
 
     beforeEach(() => {
         fixture = TestBed.createComponent(WidgetComponent);