Merge pull request #2857 from swetha-aggidevara/faq-videos

Issue #SB-15832 fix: added test cases for help-videos

src/app/client/projects/desktop/src/app/modules/offline/components/offline-help-videos/offline-help-videos.component.spec.ts

+import { By } from '@angular/platform-browser';
+import { RouterTestingModule } from '@angular/router/testing';
+import { ActivatedRoute, Router } from '@angular/router';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ResourceService, SharedModule } from '@sunbird/shared';
+import { TelemetryModule } from '@sunbird/telemetry';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { OfflineHelpVideosComponent } from './offline-help-videos.component';
 
-xdescribe('OfflineHelpVideosComponent', () => {
+describe('OfflineHelpVideosComponent', () => {
   let component: OfflineHelpVideosComponent;
   let fixture: ComponentFixture<OfflineHelpVideosComponent>;
-
+  let resourceServiceStub;
   beforeEach(async(() => {
+    const fakeActivatedRoute = {
+      snapshot: {
+        data: {
+          telemetry: {
+            env: 'help', pageid: 'help', type: 'view'
+          }
+        }
+      }
+    };
+    resourceServiceStub = {
+      instance: 'sunbird',
+      frmelmnts: {
+        instn: {
+          't0094': 'How do I add content to the {instance} desktop app when I am connected to the Internet?',
+          't0095': 'How do I add content to the {instance} desktop app when I am offline or using a pen drive?',
+          't0096': 'My Library: How and where can I find content in My Library?',
+          't0097': 'How do I copy content to my pen drive?'
+        }
+      }
+    };
+    const routerStub = {
+      navigateByUrl: jasmine.createSpy('navigateByUrl')
+    };
+
     TestBed.configureTestingModule({
-      declarations: [ OfflineHelpVideosComponent ]
+      declarations: [OfflineHelpVideosComponent],
+      imports: [TelemetryModule.forRoot(), HttpClientTestingModule, RouterTestingModule, SharedModule.forRoot()],
+      providers: [{ provide: ActivatedRoute, useValue: fakeActivatedRoute },
+        { provide: ResourceService, useValue: resourceServiceStub },
+        { provide: Router, useValue: routerStub}
+      ]
     })
-    .compileComponents();
+      .compileComponents();
   }));
 
   beforeEach(() => {
@@ -19,7 +54,43 @@ xdescribe('OfflineHelpVideosComponent', () => {
     fixture.detectChanges();
   });
 
+
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should call setVideoHeight method', () => {
+    component.instance = resourceServiceStub.instance;
+    spyOn(component, 'setVideoHeight');
+    spyOn(component, 'interpolateInstance');
+    component.ngOnInit();
+    expect(component.slideData).toBeDefined();
+    expect(component.slideData[0]['id']).toEqual('add-content-online');
+    expect(component.setVideoHeight).toHaveBeenCalled();
+    expect(component.interpolateInstance).toHaveBeenCalled();
+  });
+
+  it('should changeVideoAttributes value', () => {
+    const data = component.slideData[1];
+    component.changeVideoAttributes(data);
+    expect(component.activeVideoObject).toBeDefined();
+    expect(component.activeVideoObject.id).toEqual('find-content-offline');
+  });
+
+  it('should changeVideoAttributes value', () => {
+    spyOn(component, 'changeVideoAttributes');
+    const data = (resourceServiceStub.frmelmnts.instn.t0094).replace('{instance}', (resourceServiceStub.instance).toUpperCase());
+    const button = fixture.debugElement.query(By.css('.sbcard.sbcard--recently-viewed.mb-8')).nativeElement;
+    const value = fixture.debugElement.query(By.css('h6')).nativeElement.innerText;
+    button.click();
+    expect(component.changeVideoAttributes).toHaveBeenCalled();
+    expect(value).toContain(data);
+  });
+
+  it('should emit an event' , () => {
+    spyOn(component.closeVideoModal, 'emit');
+    component.closeModal();
+    expect(component.closeVideoModal.emit).toHaveBeenCalled();
+  });
+
 });

src/app/client/projects/desktop/src/app/modules/offline/components/offline-help-videos/offline-help-videos.component.ts

@@ -59,27 +59,22 @@ export class OfflineHelpVideosComponent implements OnInit {
       },
       {
         id: 'add-content-offline',
-        name: this.interpolateInstance(this.resourceService.frmelmnts.instn.t0107),
+        name: this.interpolateInstance(this.resourceService.frmelmnts.instn.t0095),
         thumbnail: 'assets/images/play-icon.svg',
         url: 'assets/videos/How_do_I_add_content_to_the_desktop_app_when_I_am_offline_or_using_a_pen_drive.mp4'
       }
     ];
 
-    this.activeVideoObject = {
-      id: 'add-content-online',
-      name: this.interpolateInstance(this.resourceService.frmelmnts.instn.t0094),
-      thumbnail: 'assets/images/play-icon.svg',
-      url: 'assets/videos/How_do_I_add_content_to_the_desktop_app_when_I_am_connected_to_the_Internet.mp4'
-    };
+    this.activeVideoObject = this.slideData[0];
+    this.setVideoHeight();
 
-    // video height
-    setTimeout(() => {
-      console.log('aspect ratio value', this.aspectRatio);
-      this.aspectRatioHeight = this.aspectRatio.nativeElement.offsetHeight;
-      this.playerInfoHeight = this.playerInfo.nativeElement.offsetHeight;
-      this.videoContainerHeight = this.aspectRatioHeight + this.playerInfoHeight;
+  }
 
-    }, 500);
+  setVideoHeight() {
+    console.log('aspect ratio value', this.aspectRatio);
+    this.aspectRatioHeight = this.aspectRatio.nativeElement.offsetHeight;
+    this.playerInfoHeight = this.playerInfo.nativeElement.offsetHeight;
+    this.videoContainerHeight = this.aspectRatioHeight + this.playerInfoHeight;
   }
 
   interpolateInstance(message) {
@@ -104,10 +99,8 @@ export class OfflineHelpVideosComponent implements OnInit {
   }
 
   onWindowResize(event) {
-    setTimeout(() => {
       this.aspectRatioHeight = event.target.document.querySelector('#help-video-aspect-ratio').offsetHeight;
       this.videoContainerHeight = this.aspectRatioHeight + this.playerInfoHeight;
-    }, 500);
   }
 
 }

src/app/resourcebundles/data/consumption/en.properties

@@ -780,7 +780,6 @@ frmelmnts.instn.t0103 = Ext User ID * (State ID of the user)
 frmelmnts.instn.t0104 = Input Status (ACTIVE, INACTIVE) * - Input record status as provided by state admin
 frmelmnts.instn.t0105 = Roles (System roles to be assigned to the user)
 frmelmnts.instn.t0106 = Save file as .csv before upload
-frmelmnts.instn.t0107 = How do I add content to the desktop app when I am offline or using a pen drive
 frmelmnts.lbl.enterValidName = Enter a valid name. Only alphabets are allowed.
 frmelmnts.lbl.improveYourExperience = Improve your Experience
 frmelmnts.lbl.incompatibleBrowser = You seem to have an incompatible browser or browser version.