Add content tests to AppComponent

Remove some unused code and image.

Change-Id: I2e4aa9f91a73f83ba427ccacae21279b214bee68
Signed-off-by: elinuxhenrik <henrik.b.andersson@est.tech>
Issue-ID: NONRTRIC-432

diff --git a/webapp-frontend/src/app/app.component.html b/webapp-frontend/src/app/app.component.html
index 494477e..0f2aa0d 100644 (file)
--- a/webapp-frontend/src/app/app.component.html
+++ b/webapp-frontend/src/app/app.component.html
@@ -41,14 +41,6 @@
         </svg>
 
       </div>
-
-      <div class="profile-image__container">
-        <img src="assets/profile_default.png" alt="profile-image" class="profile__image">
-      </div>
-      <div class="account-details">
-        <span class="name__text">Demo</span>
-        <span class="email__text">demo@o-ran-sc.org</span>
-      </div>
     </section>
     <section #sidenav class="menu-body">
       <nrcp-sidenav-list (sidenavClose)="drawer.toggle()">></nrcp-sidenav-list>

diff --git a/webapp-frontend/src/app/app.component.spec.ts b/webapp-frontend/src/app/app.component.spec.ts
index 24a2d6f..ed040a0 100644 (file)
--- a/webapp-frontend/src/app/app.component.spec.ts
+++ b/webapp-frontend/src/app/app.component.spec.ts
@@ -18,13 +18,15 @@
  * ========================LICENSE_END===================================
  */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, async, ComponentFixture } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { CookieService } from 'ngx-cookie';
 import { AppComponent } from './app.component';
 import { UiService } from './services/ui/ui.service';
 
 describe('AppComponent', () => {
+  let fixture: ComponentFixture<AppComponent>;
+
   beforeEach(async(() => {
     const cookieSpy = jasmine.createSpyObj('CookieService', [ 'get' ]);
     TestBed.configureTestingModule({
@@ -44,9 +46,35 @@ describe('AppComponent', () => {
     }).compileComponents();
   }));
 
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+  });
+
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
+
+  describe('#content', () => {
+    it('should contain oran logo', async(() => {
+      const ele = fixture.debugElement.nativeElement.querySelector('img');
+      expect(ele.src).toContain('assets/oran-logo.png');
+    }));
+
+    it('should contain heading', async(() => {
+      const ele = fixture.debugElement.nativeElement.querySelector('tspan');
+      expect(ele.textContent.trim()).toBe('Non-RT RIC Control Panel');
+    }));
+
+    it('should contain router-outlet', async(() => {
+      const ele = fixture.debugElement.nativeElement.querySelector('router-outlet');
+      expect(ele).toBeTruthy();
+    }));
+
+    it('should contain nrcp-footer', async(() => {
+      const ele = fixture.debugElement.nativeElement.querySelector('nrcp-footer');
+      expect(ele).toBeTruthy();
+    }));
+  });
 });

diff --git a/webapp-frontend/src/assets/profile_default.png b/webapp-frontend/src/assets/profile_default.png
deleted file mode 100644 (file)
index 2b90bf0..0000000
Binary files a/webapp-frontend/src/assets/profile_default.png and /dev/null differ