clean

Author: mledour

src/app/+boxs/box-small/box-small.component.spec.ts

@@ -2,7 +2,7 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { BoxSmallComponent } from './box-small.component';
 
-import { BoxModule, BoxSmallModule } from 'angular-admin-lte';
+import { BoxModule, BoxSmallModule as MkBoxSmallModule  } from 'angular-admin-lte';
 
 describe('BoxSmallComponent', () => {
   let component: BoxSmallComponent;
@@ -12,7 +12,7 @@ describe('BoxSmallComponent', () => {
     TestBed.configureTestingModule({
       imports: [
         BoxModule,
-        BoxSmallModule
+        MkBoxSmallModule
       ],
       declarations: [ BoxSmallComponent ]
     })

src/app/+boxs/box-small/box-small.module.ts

@@ -15,4 +15,4 @@ import { BoxModule, BoxSmallModule as MkBoxSmallModule  } from 'angular-admin-lt
   ],
   declarations: [BoxSmallComponent]
 })
-export class BoxSmallModule { }
+export class BoxSmallModule {}

src/app/app.component.spec.ts

@@ -1,11 +1,21 @@
 import { TestBed, async } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
+
 import { AppComponent } from './app.component';
+import { CoreModule } from './core/core.module';
+import { LayoutModule } from 'angular-admin-lte';
+
+import { LoadingPageModule, MaterialBarModule } from 'angular-loading-page';
+import { adminLteConf } from './admin-lte.conf';
+
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       imports: [
-        RouterTestingModule
+        RouterTestingModule,
+        CoreModule,
+        LayoutModule.forRoot(adminLteConf),
+        LoadingPageModule, MaterialBarModule
       ],
       declarations: [
         AppComponent
@@ -17,15 +27,4 @@ describe('AppComponent', () => {
     const app = fixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
   }));
-  it(`should have as title 'app'`, async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app');
-  }));
-  it('should render title in a h1 tag', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
-  }));
 });

src/app/home/home.component.html

@@ -17,10 +17,10 @@
 <mk-box header="Dependencies" [isCollapsable]="false" [isRemovable]="false">
   <p>Angular Admin LTE have no JS dependencies but still need Admin LTE and Bootstrap CSS. You can also use FontAwesome and Ionicons as it is used by default in Admin LTE.</p>
   <pre><code class="language-typescript">"styles": [
-    "node_modules/bootstrap-css-only/css/bootstrap.min.css",
+  "node_modules/bootstrap-css-only/css/bootstrap.min.css",
   "node_modules/font-awesome/css/font-awesome.css",
   "node_modules/ionicons/css/ionicons.css",
-    "node_modules/admin-lte-css/dist/css/AdminLTE.css",
-  "node_modules/admin-lte/dist/css/skins/_all-skins.css"
+  "node_modules/admin-lte-css/dist/css/AdminLTE.css",
+  "node_modules/admin-lte-css/dist/css/skins/_all-skins.css"
 ]</code></pre>
 </mk-box>