2 files changed, 91 insertions, 2 deletions

diff --git a/usecaseui-portal/karma.conf.js b/usecaseui-portal/karma.conf.js
new file mode 100644
index 00000000..bd8cc9b1
--- /dev/null
+++ b/usecaseui-portal/karma.conf.js
@@ -0,0 +1,74 @@
+/*
+============LICENSE_START==========================================
+===================================================================
+Copyright (C) 2018 IBM Intellectual Property. All rights reserved.
+===================================================================
+
+Unless otherwise specified, all software contained herein is licensed
+under the Apache License, Version 2.0 (the License);
+you may not use this software except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+============LICENSE_END============================================
+*/
+
+module.exports = function (config) {
+    config.set({
+        basePath: '',
+        frameworks: [
+            'jasmine', '@angular/cli'
+        ],
+        plugins: [
+            require('karma-jasmine'),
+            require('karma-chrome-launcher'),
+            require('karma-jasmine-html-reporter'),
+            require('karma-coverage-istanbul-reporter'),
+            require('@angular/cli/plugins/karma')
+        ],
+        client: {
+            clearContext: false
+        },
+        files: [{
+            pattern: './src/test.ts',
+            watched: false
+        }],
+        preprocessors: {
+            './src/test.ts': ['@angular/cli']
+        },
+        mime: {
+            'text/x-typescript': ['ts', 'tsx']
+        },
+        remapIstanbulReporter: {
+            reports: {
+                html: 'coverage',
+                lcovonly: './coverage/coverage.lcov'
+            }
+        },
+        reporters: config.angularCli && config.angularCli.codeCoverage ?
+            ['progress', 'karma-remap-istanbul'] :
+            ['progress'],
+        angularCli: {
+            config: './angular-cli.json',
+            environment: 'dev'
+        },
+        reporters: config.angularCli && config.angularCli.codeCoverage ?
+            ['progress', 'coverage-istanbul'] :
+            [
+                'progress', 'kjhtml'
+            ],
+        port: 9876,
+        colors: true,
+        logLevel: config.LOG_DEBUG,
+        autoWatch: true,
+        usePolling:true,
+        browsers: ['Chrome'],
+        singleRun: false
+    });
+};
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/home/home.component.spec.ts b/usecaseui-portal/src/app/home/home.component.spec.ts
index 490e81bd..7ed6abfc 100644
--- a/usecaseui-portal/src/app/home/home.component.spec.ts
+++ b/usecaseui-portal/src/app/home/home.component.spec.ts
@@ -1,14 +1,29 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { TranslateModule, TranslateLoader, TranslateService, TranslateFakeLoader} from '@ngx-translate/core';
+import { NgZorroAntdModule } from 'ng-zorro-antd';
+import { NgxEchartsModule } from 'ngx-echarts';
+import { HttpClientModule } from '@angular/common/http';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { HomeComponent } from './home.component';
+import { PieComponent } from '../components/charts/pie/pie.component'; 
+import { BarComponent } from '../components/charts/bar/bar.component'; 
+import { LineComponent } from '../components/charts/line/line.component';
+import { HomesService } from '../homes.service';
 
-describe('HomeComponent', () => {
+fdescribe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ HomeComponent ]
+      declarations: [ HomeComponent, PieComponent, BarComponent, LineComponent ],
+      imports: [TranslateModule.forRoot({loader: { provide: TranslateLoader, useClass: TranslateFakeLoader }}),        
+              NgZorroAntdModule, 
+              NgxEchartsModule, 
+              HttpClientModule,
+              BrowserAnimationsModule],
+      providers: [HomesService, TranslateService]
     })
     .compileComponents();
   }));