From 86da49a331b28caa6e9c079f1f8786b067d6fef4 Mon Sep 17 00:00:00 2001
From: DaviMarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 01:44:40 -0300
Subject: [PATCH 01/13] =?UTF-8?q?Adiciona=20compartilhamento=20nos=20v?=
 =?UTF-8?q?=C3=ADdeos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: DaviMarinho <davii_marinho@hotmail.com>
---
 package-lock.json                             |  13 +++++++
 .../video-viewer/video-viewer.component.html  |   3 ++
 .../video-viewer/video-viewer.component.ts    |  34 ++++++++++++++++++
 src/assets/share.png                          | Bin 0 -> 299 bytes
 4 files changed, 50 insertions(+)
 create mode 100644 src/assets/share.png

diff --git a/package-lock.json b/package-lock.json
index 21edd442..b44a6a42 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "angular-oauth2-oidc": "^15.0.1",
         "hls.js": "^1.4.12",
         "jwt-decode": "^3.1.2",
+        "ngx-google-analytics": "^14.0.1",
         "postcss-cli": "^10.1.0",
         "postcss-import": "^15.1.0",
         "postcss-loader": "^7.3.3",
@@ -10274,6 +10275,18 @@
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
     },
+    "node_modules/ngx-google-analytics": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/ngx-google-analytics/-/ngx-google-analytics-14.0.1.tgz",
+      "integrity": "sha512-PfOtnshSyq15EKevKlFW9IRgH+dTtPG4Q9HJYksuRNYDzjce0eqK3Bf6hz0tAZdyqbzTCyx5g+NgWBfpqQfb2w==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=12.0.0",
+        "@angular/core": ">=12.0.0"
+      }
+    },
     "node_modules/nice-napi": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
diff --git a/src/app/pages/video-viewer/video-viewer.component.html b/src/app/pages/video-viewer/video-viewer.component.html
index b53d2ed6..f8a8d961 100644
--- a/src/app/pages/video-viewer/video-viewer.component.html
+++ b/src/app/pages/video-viewer/video-viewer.component.html
@@ -1,4 +1,7 @@
 <div class="justify-center flex flex-col">
+  <div class="flex justify-end p-2">
+    <img src="../../../assets/share.png" alt="Share" (click)="shareVideo()">
+  </div>
   <div class="relative w-full max-h-96 overflow-hidden aspect-video">
     <iframe
       id="embeddedVideo"
diff --git a/src/app/pages/video-viewer/video-viewer.component.ts b/src/app/pages/video-viewer/video-viewer.component.ts
index 06cbbfc5..661914f4 100644
--- a/src/app/pages/video-viewer/video-viewer.component.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.ts
@@ -43,4 +43,38 @@ export class VideoViewerComponent implements OnInit {
       },
     });
   };
+
+  getVideoUrl(): string {
+    return `${this.eduplayVideoUrl}${this.idVideo}`;
+  }
+
+  shareVideo() {
+    const shareData = {
+      title: this.video.title,
+      text: this.video.title,
+      url: window.location.href,
+    };
+
+    if (navigator.share) {
+      // Compartilhamento nativo para dispositivos móveis
+      navigator.share(shareData)
+        .then(() => console.log('Compartilhado com sucesso'))
+        .catch((error) => console.error('Erro ao compartilhar:', error));
+    } else if (navigator.clipboard) {
+      // Compartilhamento para desktop (pode ser ajustado conforme necessário)
+      navigator.clipboard.writeText(shareData.url)
+        .then(() => console.log('URL copiada com sucesso'))
+        .catch((error) => console.error('Erro ao copiar URL:', error));
+
+      // Adicionar lógica para abrir o WhatsApp Web com a URL
+      const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+      if (isMobile) {
+        const whatsappUrl = `whatsapp://send?text=${encodeURIComponent(shareData.title + ' ' + shareData.url)}`;
+        window.location.href = whatsappUrl;
+      }
+    } else {
+      // Lógica de fallback para navegadores que não suportam nenhuma das APIs
+      console.warn('A API de compartilhamento não é suportada neste navegador.');
+    }
+  }
 }
diff --git a/src/assets/share.png b/src/assets/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..65caca7020b296135dd00d227abeeb6c16ccae48
GIT binary patch
literal 299
zcmeAS@N?(olHy`uVBq!ia0vp^AT~D#8<2F%laT;YoCO|{#XvD(5N2eUH3uZfSRCZ;
z#IWw1%u67LCEd~2k%3`jKlh(RRv`a?r;B4q1!L`mgPhF<B5l8m1Z^yx+zVRrF63R<
z+;l;7&VjBK?yuS2vfW*fm*D1+@5$%+UxeA!N8YAR?q|jS`R=>zuWozGU?~{rskq|(
z@4Z{g;@r+{Td*vX@7N5+1qH@m9J^glNq8@rV$-#Vi=XqrCXKG;x96lvs<SH|J{`T_
zwaxkU+2ZMQ|DCxk_JwupwelAoWxw9-%5$54U4gYOTCvaJ9Oup83|SlgZE*@y&!2Nz
p5cKNV`DUSmy>@Il{e?39^2?fHQ(cp7jeve(@O1TaS?83{1OOIZZmIwP

literal 0
HcmV?d00001


From 6298ee56dc5973dff17cd3345515025cd3ddb000 Mon Sep 17 00:00:00 2001
From: DaviMarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 01:51:01 -0300
Subject: [PATCH 02/13] Corrige problemas do sonar e adiciona testes

Signed-off-by: DaviMarinho <davii_marinho@hotmail.com>
---
 .../login-social/login-social.component.css   |  8 +--
 .../video-viewer.component.spec.ts            | 56 ++++++++++++++++++-
 .../video-viewer/video-viewer.component.ts    |  4 --
 3 files changed, 58 insertions(+), 10 deletions(-)

diff --git a/src/app/pages/login-social/login-social.component.css b/src/app/pages/login-social/login-social.component.css
index 807ed9e3..6ed0a437 100644
--- a/src/app/pages/login-social/login-social.component.css
+++ b/src/app/pages/login-social/login-social.component.css
@@ -21,13 +21,12 @@
     top: 210px;
     left: 50px;
     margin: 5px;
-    border: 0.15px solid #3C3C3B; 
+    border: 0.15px solid #3C3C3B;
     border-radius: 9px;
     line-height: 10px;
     font-weight: 400;
     font-size: 13px;
     background-image: url('../../../assets/google.png');
-    background-position: center;
     background-size: 7% auto;
     background-repeat: no-repeat;
     background-position: 220px 6px;
@@ -59,13 +58,12 @@
     font-weight: 400;
     font-size: 13px;
     background-image: url('../../../assets/facebook.png');
-    background-position: center;
     background-size: 8% auto;
     background-repeat: no-repeat;
     background-position: 220px 4px;
     margin-bottom: 10.5px;
     margin-top: 10.5px;
- 
+
 }
 
 .facebook-button span{
@@ -84,7 +82,7 @@
     top: 210px;
     left: 50px;
     margin: 5px;
-    border: 0.15px solid #3C3C3B; 
+    border: 0.15px solid #3C3C3B;
     border-radius: 9px;
     line-height: 10px;
     font-weight: 400;
diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index fbb393f4..f70364ae 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -68,4 +68,58 @@ describe('VideoViewerComponent', () => {
     expect(mySpy).toHaveBeenCalled();
   });
 
-}); 
+  it('should share video with native share API on mobile', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
+
+    const shareSpy = spyOn(navigator, 'share').and.callThrough();
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText');
+
+    component.shareVideo();
+
+    expect(shareSpy).toHaveBeenCalled();
+    expect(clipboardSpy).not.toHaveBeenCalled();
+  });
+
+  it('should copy video URL to clipboard on desktop', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Windows');
+
+    const shareSpy = spyOn(navigator, 'share');
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
+
+    component.shareVideo();
+
+    expect(shareSpy).not.toHaveBeenCalled();
+    expect(clipboardSpy).toHaveBeenCalledWith(window.location.href);
+  });
+
+  it('should open WhatsApp with video URL on mobile', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
+
+    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
+
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.callThrough();
+
+    const windowOpenSpy = spyOn(window, 'open');
+
+    component.shareVideo();
+
+    expect(shareSpy).toHaveBeenCalled();
+    expect(clipboardSpy).toHaveBeenCalled();
+    expect(windowOpenSpy).toHaveBeenCalledWith(jasmine.stringMatching(/whatsapp:\/\/send/));
+  });
+
+  it('should handle unsupported share options gracefully', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Mozilla');
+
+    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.throwError('Not supported');
+
+    const consoleWarnSpy = spyOn(console, 'warn');
+
+    component.shareVideo();
+
+    expect(shareSpy).toHaveBeenCalled();
+    expect(clipboardSpy).not.toHaveBeenCalled();
+    expect(consoleWarnSpy).toHaveBeenCalledWith('A API de compartilhamento não é suportada neste navegador.');
+  });
+});
diff --git a/src/app/pages/video-viewer/video-viewer.component.ts b/src/app/pages/video-viewer/video-viewer.component.ts
index 661914f4..63a1d67b 100644
--- a/src/app/pages/video-viewer/video-viewer.component.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.ts
@@ -56,24 +56,20 @@ export class VideoViewerComponent implements OnInit {
     };
 
     if (navigator.share) {
-      // Compartilhamento nativo para dispositivos móveis
       navigator.share(shareData)
         .then(() => console.log('Compartilhado com sucesso'))
         .catch((error) => console.error('Erro ao compartilhar:', error));
     } else if (navigator.clipboard) {
-      // Compartilhamento para desktop (pode ser ajustado conforme necessário)
       navigator.clipboard.writeText(shareData.url)
         .then(() => console.log('URL copiada com sucesso'))
         .catch((error) => console.error('Erro ao copiar URL:', error));
 
-      // Adicionar lógica para abrir o WhatsApp Web com a URL
       const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
       if (isMobile) {
         const whatsappUrl = `whatsapp://send?text=${encodeURIComponent(shareData.title + ' ' + shareData.url)}`;
         window.location.href = whatsappUrl;
       }
     } else {
-      // Lógica de fallback para navegadores que não suportam nenhuma das APIs
       console.warn('A API de compartilhamento não é suportada neste navegador.');
     }
   }

From baa02068def6b297bf6267d015d20f69dd772f3b Mon Sep 17 00:00:00 2001
From: DaviMarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 01:54:51 -0300
Subject: [PATCH 03/13] Adiciona testes

Signed-off-by: DaviMarinho <davii_marinho@hotmail.com>
---
 .../pages/video-viewer/video-viewer.component.spec.ts | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index f70364ae..7b53ed1c 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -69,8 +69,6 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should share video with native share API on mobile', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
-
     const shareSpy = spyOn(navigator, 'share').and.callThrough();
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText');
 
@@ -81,8 +79,6 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should copy video URL to clipboard on desktop', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Windows');
-
     const shareSpy = spyOn(navigator, 'share');
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
 
@@ -93,12 +89,8 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should open WhatsApp with video URL on mobile', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
-
     const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
-
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.callThrough();
-
     const windowOpenSpy = spyOn(window, 'open');
 
     component.shareVideo();
@@ -109,11 +101,8 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should handle unsupported share options gracefully', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Mozilla');
-
     const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.throwError('Not supported');
-
     const consoleWarnSpy = spyOn(console, 'warn');
 
     component.shareVideo();

From 0c38f05dcc6014095d947288d3a0b939be0a4cd9 Mon Sep 17 00:00:00 2001
From: davimarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 02:35:57 -0300
Subject: [PATCH 04/13] Adiciona testes

Signed-off-by: davimarinho <davii_marinho@hotmail.com>
---
 .../video-viewer.component.spec.ts            | 122 ++++++++++--------
 1 file changed, 70 insertions(+), 52 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index 7b53ed1c..2968a3b6 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -1,4 +1,9 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {
+  ComponentFixture,
+  TestBed,
+  fakeAsync,
+  tick,
+} from '@angular/core/testing';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { VideoViewerComponent } from './video-viewer.component';
@@ -7,9 +12,10 @@ import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
 import { VideoService } from 'src/app/services/video.service';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
+import { HttpResponse } from '@angular/common/http';
 
 class VideoServiceMock {
-  constructor() { }
+  constructor() {}
   findVideoById() {
     return of({});
   }
@@ -31,7 +37,7 @@ describe('VideoViewerComponent', () => {
       providers: [
         {
           provide: ActivatedRoute,
-          useValue: { snapshot: { params: { id: 190329 } } },
+          useValue: { snapshot: { params: { idVideo: 190329 } } },
         },
         { provide: VideoService, useValue: new VideoServiceMock() },
         FormBuilder,
@@ -40,75 +46,87 @@ describe('VideoViewerComponent', () => {
 
     fixture = TestBed.createComponent(VideoViewerComponent);
     component = fixture.componentInstance;
-    localStorage.setItem('token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiZW1haWwiOiJqb2FvMTV2aWN0b3IwOEBnbWFpbC5jb20iLCJleHAiOjE2OTkzMTI5MzV9.1B9qBJt8rErwBKyD5JCdsPozsw86oQ38tdfDuMM2HFI');
+    localStorage.setItem(
+      'token',
+      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiZW1haWwiOiJqb2FvMTV2aWN0b3IwOEBnbWFpbC5jb20iLCJleHAiOjE2OTkzMTI5MzV9.1B9qBJt8rErwBKyD5JCdsPozsw86oQ38tdfDuMM2HFI'
+    );
     fixture.detectChanges();
     videoService = TestBed.inject(VideoService);
   });
 
+  class VideoServiceMock {
+    findVideoById(id: number) {
+      const mockVideo = {
+        id: id,
+        title: 'Mock Video Title',
+        description: 'Mock Video Description',
+      };
+      return of(new HttpResponse({ body: mockVideo }));
+    }
+  }
+
+  it('should call findVideoById and set video description', () => {
+    const expectedVideo = {
+      id: 190329,
+      title: 'Mock Video Title',
+      description: 'Mock Video Description',
+    };
+    const mySpy = spyOn(videoService, 'findVideoById').and.returnValue(
+      of(new HttpResponse({ body: expectedVideo }))
+    );
+    component.findVideoById();
+    fixture.detectChanges();
+    expect(mySpy).toHaveBeenCalledWith(190329);
+    expect(component.video).toEqual(expectedVideo);
+    expect(component.videoDescription).toEqual(expectedVideo.description);
+  });
+
   it('should create', () => {
     expect(component).toBeTruthy();
   });
 
   it('should toggle showDescription when expandDescription is called', () => {
-
     expect(component.showDescription).toBe(false);
-
     component.expandDescription();
-
     expect(component.showDescription).toBe(true);
-
     component.expandDescription();
-
     expect(component.showDescription).toBe(false);
   });
 
-  it('should call findVideoById and return video', () => {
-    const mySpy = spyOn(videoService, 'findVideoById').and.callThrough();
+  it('should call findVideoById and set video description', () => {
+    const expectedVideo = {
+      id: 190329,
+      title: 'Mock Video Title',
+      description: 'Mock Video Description',
+    };
+    spyOn(videoService, 'findVideoById').and.returnValue(
+      of(new HttpResponse({ body: expectedVideo }))
+    );
     component.findVideoById();
-    expect(mySpy).toHaveBeenCalled();
-  });
-
-  it('should share video with native share API on mobile', () => {
-    const shareSpy = spyOn(navigator, 'share').and.callThrough();
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText');
-
-    component.shareVideo();
-
-    expect(shareSpy).toHaveBeenCalled();
-    expect(clipboardSpy).not.toHaveBeenCalled();
-  });
-
-  it('should copy video URL to clipboard on desktop', () => {
-    const shareSpy = spyOn(navigator, 'share');
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
-
-    component.shareVideo();
-
-    expect(shareSpy).not.toHaveBeenCalled();
-    expect(clipboardSpy).toHaveBeenCalledWith(window.location.href);
+    fixture.detectChanges();
+    expect(component.video).toEqual(expectedVideo);
+    expect(component.videoDescription).toEqual(expectedVideo.description);
   });
 
-  it('should open WhatsApp with video URL on mobile', () => {
-    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.callThrough();
-    const windowOpenSpy = spyOn(window, 'open');
-
+  it('should share video with native share API on mobile', fakeAsync(() => {
+    spyOn(navigator, 'share').and.returnValue(Promise.resolve());
     component.shareVideo();
-
-    expect(shareSpy).toHaveBeenCalled();
-    expect(clipboardSpy).toHaveBeenCalled();
-    expect(windowOpenSpy).toHaveBeenCalledWith(jasmine.stringMatching(/whatsapp:\/\/send/));
-  });
-
-  it('should handle unsupported share options gracefully', () => {
-    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.throwError('Not supported');
+    tick();
+    expect(navigator.share).toHaveBeenCalledWith({
+      title: component.video.title,
+      text: component.video.title,
+      url: window.location.href,
+    });
+  }));
+
+  
+  it('should handle unsupported share options gracefully', fakeAsync(() => {
+    spyOn(navigator, 'share').and.returnValue(Promise.reject(new Error('Not supported')));
+    spyOn((window as any).navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
     const consoleWarnSpy = spyOn(console, 'warn');
-
+    
     component.shareVideo();
-
-    expect(shareSpy).toHaveBeenCalled();
-    expect(clipboardSpy).not.toHaveBeenCalled();
-    expect(consoleWarnSpy).toHaveBeenCalledWith('A API de compartilhamento não é suportada neste navegador.');
-  });
+    tick();
+  }));  
+  
 });

From c1a15867ece21984060371dbf53e71988c2c65b8 Mon Sep 17 00:00:00 2001
From: Diego Carlito <diego.carlito01@gmail.com>
Date: Sun, 10 Dec 2023 10:57:00 -0300
Subject: [PATCH 05/13] Adiciona Teste para getVideoUrl

---
 .../pages/video-viewer/video-viewer.component.spec.ts  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index 2968a3b6..c07e2897 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -108,6 +108,16 @@ describe('VideoViewerComponent', () => {
     expect(component.videoDescription).toEqual(expectedVideo.description);
   });
 
+  it('should return the correct video URL', () => {
+    component.eduplayVideoUrl = 'https://eduplay.rnp.br/portal/video/';
+    component.idVideo = 190329;
+  
+    const expectedUrl = 'https://eduplay.rnp.br/portal/video/190329';
+    const returnedUrl = component.getVideoUrl();
+  
+    expect(returnedUrl).toEqual(expectedUrl);
+  });
+
   it('should share video with native share API on mobile', fakeAsync(() => {
     spyOn(navigator, 'share').and.returnValue(Promise.resolve());
     component.shareVideo();

From 296462a3164ec8b8749bcf78a1d037c00f6fbd8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Victor?= <joao15victor08@gmail.com>
Date: Sun, 10 Dec 2023 22:23:23 -0300
Subject: [PATCH 06/13] Corrige testes

---
 .../video-viewer.component.spec.ts            | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index c07e2897..84ce22e6 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -15,7 +15,7 @@ import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 
 class VideoServiceMock {
-  constructor() {}
+  constructor() { }
   findVideoById() {
     return of({});
   }
@@ -52,6 +52,15 @@ describe('VideoViewerComponent', () => {
     );
     fixture.detectChanges();
     videoService = TestBed.inject(VideoService);
+    navigator.share = () => {
+      {
+        return new Promise((resolve, reject) => {
+          resolve();
+        });
+      }
+    };
+
+
   });
 
   class VideoServiceMock {
@@ -111,32 +120,34 @@ describe('VideoViewerComponent', () => {
   it('should return the correct video URL', () => {
     component.eduplayVideoUrl = 'https://eduplay.rnp.br/portal/video/';
     component.idVideo = 190329;
-  
+
     const expectedUrl = 'https://eduplay.rnp.br/portal/video/190329';
     const returnedUrl = component.getVideoUrl();
-  
+
     expect(returnedUrl).toEqual(expectedUrl);
   });
 
   it('should share video with native share API on mobile', fakeAsync(() => {
-    spyOn(navigator, 'share').and.returnValue(Promise.resolve());
-    component.shareVideo();
-    tick();
-    expect(navigator.share).toHaveBeenCalledWith({
+    const shareData = {
       title: component.video.title,
       text: component.video.title,
       url: window.location.href,
-    });
+    };
+    spyOn(navigator, 'share').and.callThrough();
+    component.shareVideo();
+    tick();
+    expect(navigator.share).toHaveBeenCalledWith(shareData);
   }));
 
-  
+
   it('should handle unsupported share options gracefully', fakeAsync(() => {
     spyOn(navigator, 'share').and.returnValue(Promise.reject(new Error('Not supported')));
-    spyOn((window as any).navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
-    const consoleWarnSpy = spyOn(console, 'warn');
-    
+    spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
+    const consoleWarnSpy = spyOn(console, 'error');
+
     component.shareVideo();
     tick();
-  }));  
-  
+    expect(consoleWarnSpy).toHaveBeenCalledWith('Erro ao compartilhar:', new Error('Not supported'));
+  }));
+
 });

From 7e4da51e65c888b7b9aff3e0c21383629c176678 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Victor?= <joao15victor08@gmail.com>
Date: Sun, 10 Dec 2023 22:59:19 -0300
Subject: [PATCH 07/13] Altera forma de verificar compatilhamento

---
 .../video-viewer.component.spec.ts            | 45 +++++++++++++++++--
 .../video-viewer/video-viewer.component.ts    |  2 +-
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index 84ce22e6..a5a546f6 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -60,6 +60,12 @@ describe('VideoViewerComponent', () => {
       }
     };
 
+    navigator.canShare = () => {
+      {
+        return true;
+      }
+    }
+
 
   });
 
@@ -133,7 +139,12 @@ describe('VideoViewerComponent', () => {
       text: component.video.title,
       url: window.location.href,
     };
-    spyOn(navigator, 'share').and.callThrough();
+    spyOn(window.navigator, 'canShare').and.returnValue(true);
+    spyOn(navigator, 'share').and.returnValue(
+      new Promise((resolve, reject) => {
+        resolve();
+      })
+    );
     component.shareVideo();
     tick();
     expect(navigator.share).toHaveBeenCalledWith(shareData);
@@ -141,13 +152,39 @@ describe('VideoViewerComponent', () => {
 
 
   it('should handle unsupported share options gracefully', fakeAsync(() => {
-    spyOn(navigator, 'share').and.returnValue(Promise.reject(new Error('Not supported')));
+    spyOn(navigator, 'canShare').and.returnValue(true);
+    spyOn(navigator, 'share').and.returnValue(Promise.reject());
+    spyOn((window as any).navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
+    const consoleWarnSpy = spyOn(console, 'error');
+
+    component.shareVideo();
+    tick();
+    expect(consoleWarnSpy).toHaveBeenCalledWith('Erro ao compartilhar:', undefined);
+  }));
+
+  it('should copy video URL to clipboard if native share is not supported', fakeAsync(() => {
+
+    spyOn(navigator, 'canShare').and.returnValue(false);
+    // spyOnProperty(navigator, 'clipboard').and.resolveTo();
     spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
     const consoleWarnSpy = spyOn(console, 'error');
 
     component.shareVideo();
     tick();
-    expect(consoleWarnSpy).toHaveBeenCalledWith('Erro ao compartilhar:', new Error('Not supported'));
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(window.location.href);
+    expect(consoleWarnSpy).not.toHaveBeenCalled();
+  }));
+
+  it('should handle clipboard errors gracefully', fakeAsync(() => {
+    spyOn(navigator, 'canShare').and.returnValue(false);
+    spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.reject());
+    const consoleWarnSpy = spyOn(console, 'error');
+
+    component.shareVideo();
+    tick();
+    expect(consoleWarnSpy).toHaveBeenCalledWith('Erro ao copiar URL:', undefined);
   }));
 
-});
+
+
+}); 
diff --git a/src/app/pages/video-viewer/video-viewer.component.ts b/src/app/pages/video-viewer/video-viewer.component.ts
index 63a1d67b..f8ec9400 100644
--- a/src/app/pages/video-viewer/video-viewer.component.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.ts
@@ -55,7 +55,7 @@ export class VideoViewerComponent implements OnInit {
       url: window.location.href,
     };
 
-    if (navigator.share) {
+    if (navigator.canShare()) {
       navigator.share(shareData)
         .then(() => console.log('Compartilhado com sucesso'))
         .catch((error) => console.error('Erro ao compartilhar:', error));

From 8923092d41f678dd4085c5eb8ef4e935a28761d2 Mon Sep 17 00:00:00 2001
From: DaviMarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 01:44:40 -0300
Subject: [PATCH 08/13] =?UTF-8?q?Adiciona=20compartilhamento=20nos=20v?=
 =?UTF-8?q?=C3=ADdeos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: DaviMarinho <davii_marinho@hotmail.com>
---
 .../video-viewer/video-viewer.component.html  |   3 ++
 .../video-viewer/video-viewer.component.ts    |  34 ++++++++++++++++++
 src/assets/share.png                          | Bin 0 -> 299 bytes
 3 files changed, 37 insertions(+)
 create mode 100644 src/assets/share.png

diff --git a/src/app/pages/video-viewer/video-viewer.component.html b/src/app/pages/video-viewer/video-viewer.component.html
index 6106792f..00eb5295 100644
--- a/src/app/pages/video-viewer/video-viewer.component.html
+++ b/src/app/pages/video-viewer/video-viewer.component.html
@@ -1,4 +1,7 @@
 <div class="justify-center flex flex-col">
+  <div class="flex justify-end p-2">
+    <img src="../../../assets/share.png" alt="Share" (click)="shareVideo()">
+  </div>
   <div class="relative w-full max-h-96 overflow-hidden aspect-video">
     <iframe
       id="embeddedVideo"
diff --git a/src/app/pages/video-viewer/video-viewer.component.ts b/src/app/pages/video-viewer/video-viewer.component.ts
index 06cbbfc5..661914f4 100644
--- a/src/app/pages/video-viewer/video-viewer.component.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.ts
@@ -43,4 +43,38 @@ export class VideoViewerComponent implements OnInit {
       },
     });
   };
+
+  getVideoUrl(): string {
+    return `${this.eduplayVideoUrl}${this.idVideo}`;
+  }
+
+  shareVideo() {
+    const shareData = {
+      title: this.video.title,
+      text: this.video.title,
+      url: window.location.href,
+    };
+
+    if (navigator.share) {
+      // Compartilhamento nativo para dispositivos móveis
+      navigator.share(shareData)
+        .then(() => console.log('Compartilhado com sucesso'))
+        .catch((error) => console.error('Erro ao compartilhar:', error));
+    } else if (navigator.clipboard) {
+      // Compartilhamento para desktop (pode ser ajustado conforme necessário)
+      navigator.clipboard.writeText(shareData.url)
+        .then(() => console.log('URL copiada com sucesso'))
+        .catch((error) => console.error('Erro ao copiar URL:', error));
+
+      // Adicionar lógica para abrir o WhatsApp Web com a URL
+      const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+      if (isMobile) {
+        const whatsappUrl = `whatsapp://send?text=${encodeURIComponent(shareData.title + ' ' + shareData.url)}`;
+        window.location.href = whatsappUrl;
+      }
+    } else {
+      // Lógica de fallback para navegadores que não suportam nenhuma das APIs
+      console.warn('A API de compartilhamento não é suportada neste navegador.');
+    }
+  }
 }
diff --git a/src/assets/share.png b/src/assets/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..65caca7020b296135dd00d227abeeb6c16ccae48
GIT binary patch
literal 299
zcmeAS@N?(olHy`uVBq!ia0vp^AT~D#8<2F%laT;YoCO|{#XvD(5N2eUH3uZfSRCZ;
z#IWw1%u67LCEd~2k%3`jKlh(RRv`a?r;B4q1!L`mgPhF<B5l8m1Z^yx+zVRrF63R<
z+;l;7&VjBK?yuS2vfW*fm*D1+@5$%+UxeA!N8YAR?q|jS`R=>zuWozGU?~{rskq|(
z@4Z{g;@r+{Td*vX@7N5+1qH@m9J^glNq8@rV$-#Vi=XqrCXKG;x96lvs<SH|J{`T_
zwaxkU+2ZMQ|DCxk_JwupwelAoWxw9-%5$54U4gYOTCvaJ9Oup83|SlgZE*@y&!2Nz
p5cKNV`DUSmy>@Il{e?39^2?fHQ(cp7jeve(@O1TaS?83{1OOIZZmIwP

literal 0
HcmV?d00001


From 55fe910d3996a3244530fd2023215c744fd0be3d Mon Sep 17 00:00:00 2001
From: DaviMarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 01:51:01 -0300
Subject: [PATCH 09/13] Corrige problemas do sonar e adiciona testes

Signed-off-by: DaviMarinho <davii_marinho@hotmail.com>
---
 .../login-social/login-social.component.css   | 130 ++++++++++--------
 .../video-viewer.component.spec.ts            |  56 +++++++-
 .../video-viewer/video-viewer.component.ts    |   4 -
 3 files changed, 124 insertions(+), 66 deletions(-)

diff --git a/src/app/pages/login-social/login-social.component.css b/src/app/pages/login-social/login-social.component.css
index 54d4d0e1..6c365106 100644
--- a/src/app/pages/login-social/login-social.component.css
+++ b/src/app/pages/login-social/login-social.component.css
@@ -18,49 +18,59 @@
 }
 
 .google-button {
-  text-align: center;
-  background-color: white;
-  color: #969696;
-  padding: 10px 20px;
-  border-color: #3c3c3b;
-  width: 260px;
-  height: 30px;
-  top: 210px;
-  left: 50px;
-  margin: 5px;
-  border: 0.15px solid #3c3c3b;
-  border-radius: 9px;
-  line-height: 10px;
-  font-weight: 400;
-  font-size: 13px;
-  background-image: url("../../../assets/google.png");
-  background-size: 7% auto;
-  background-repeat: no-repeat;
-  background-position: 220px 6px;
-  margin-bottom: 10.5px;
+    text-align: center;
+    background-color: white;
+    color: #969696;
+    padding: 10px 20px;
+    border-color: black;
+    width: 260px;
+    height: 30px;
+    top: 210px;
+    left: 50px;
+    margin: 5px;
+    border: 0.15px solid #3C3C3B;
+    border-radius: 9px;
+    line-height: 10px;
+    font-weight: 400;
+    font-size: 13px;
+    background-image: url('../../../assets/google.png');
+    background-size: 7% auto;
+    background-repeat: no-repeat;
+    background-position: 220px 6px;
+    margin-bottom: 10.5px;
+
+}
+
+
+.google-button span{
+    position: relative;
+    margin-left: -70px;
 }
 
 .facebook-button {
-  text-align: center;
-  color: #3c3c3b;
-  padding: 10px 20px;
-  border-color: #3c3c3b;
-  width: 260px;
-  height: 40px;
-  top: 210px;
-  left: 25px;
-  cursor: pointer;
-  margin: 5px;
-  border: 1px solid #dadce0;
-  border-radius: 5px;
-  line-height: 10px;
-  background-image: url("../../../assets/facebook-icon-white-png.png");
-  background-size: 8% auto;
-  background-repeat: no-repeat;
-  background-position: 12px 9px;
-  margin-bottom: 10.5px;
-  margin-top: 19.5px;
-  background-color: #1877f2;
+    text-align: center;
+    background-color: white;
+    color:  #969696;
+    padding: 10px 20px;
+    border-color: black;
+    width: 260px;
+    height: 30px;
+    top: 210px;
+    left: 50px;
+    cursor: pointer;
+    margin: 5px;
+    border: 0.15px solid #3C3C3B;
+    border-radius: 9px;
+    line-height: 10px;
+    font-weight: 400;
+    font-size: 13px;
+    background-image: url('../../../assets/facebook.png');
+    background-size: 8% auto;
+    background-repeat: no-repeat;
+    background-position: 220px 4px;
+    margin-bottom: 10.5px;
+    margin-top: 10.5px;
+
 }
 
 .facebook-button span {
@@ -71,27 +81,25 @@
   color: white;
 }
 
-.email-button {
-  text-align: center;
-  background-color: white;
-  color: #969696;
-  padding: 10px 20px;
-  border-color: #3c3c3b;
-  width: 260px;
-  height: 40px;
-  top: 210px;
-  left: 50px;
-  margin: 5px;
-  border: 1px solid #dadce0;
-  border-radius: 5px;
-  line-height: 10px;
-  font-weight: 400;
-  margin-top: 10px;
-  margin-bottom: 18.5px;
-  background-image: url("../../../assets/email-svgrepo-com.svg");
-  background-size: 8% auto;
-  background-repeat: no-repeat;
-  background-position: 12px 9px;
+.email-button{
+    text-align: center;
+    background-color: white;
+    color: #969696;
+    padding: 10px 20px;
+    border-color: black;
+    width: 260px;
+    height: 30px;
+    top: 210px;
+    left: 50px;
+    margin: 5px;
+    border: 0.15px solid #3C3C3B;
+    border-radius: 9px;
+    line-height: 10px;
+    font-weight: 400;
+    font-size: 13px;
+    margin-top: 10.5px;
+    margin-bottom: 18.5px;
+
 }
 
 .email-button span {
diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index fbb393f4..f70364ae 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -68,4 +68,58 @@ describe('VideoViewerComponent', () => {
     expect(mySpy).toHaveBeenCalled();
   });
 
-}); 
+  it('should share video with native share API on mobile', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
+
+    const shareSpy = spyOn(navigator, 'share').and.callThrough();
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText');
+
+    component.shareVideo();
+
+    expect(shareSpy).toHaveBeenCalled();
+    expect(clipboardSpy).not.toHaveBeenCalled();
+  });
+
+  it('should copy video URL to clipboard on desktop', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Windows');
+
+    const shareSpy = spyOn(navigator, 'share');
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
+
+    component.shareVideo();
+
+    expect(shareSpy).not.toHaveBeenCalled();
+    expect(clipboardSpy).toHaveBeenCalledWith(window.location.href);
+  });
+
+  it('should open WhatsApp with video URL on mobile', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
+
+    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
+
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.callThrough();
+
+    const windowOpenSpy = spyOn(window, 'open');
+
+    component.shareVideo();
+
+    expect(shareSpy).toHaveBeenCalled();
+    expect(clipboardSpy).toHaveBeenCalled();
+    expect(windowOpenSpy).toHaveBeenCalledWith(jasmine.stringMatching(/whatsapp:\/\/send/));
+  });
+
+  it('should handle unsupported share options gracefully', () => {
+    spyOnProperty(navigator, 'userAgent').and.returnValue('Mozilla');
+
+    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
+    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.throwError('Not supported');
+
+    const consoleWarnSpy = spyOn(console, 'warn');
+
+    component.shareVideo();
+
+    expect(shareSpy).toHaveBeenCalled();
+    expect(clipboardSpy).not.toHaveBeenCalled();
+    expect(consoleWarnSpy).toHaveBeenCalledWith('A API de compartilhamento não é suportada neste navegador.');
+  });
+});
diff --git a/src/app/pages/video-viewer/video-viewer.component.ts b/src/app/pages/video-viewer/video-viewer.component.ts
index 661914f4..63a1d67b 100644
--- a/src/app/pages/video-viewer/video-viewer.component.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.ts
@@ -56,24 +56,20 @@ export class VideoViewerComponent implements OnInit {
     };
 
     if (navigator.share) {
-      // Compartilhamento nativo para dispositivos móveis
       navigator.share(shareData)
         .then(() => console.log('Compartilhado com sucesso'))
         .catch((error) => console.error('Erro ao compartilhar:', error));
     } else if (navigator.clipboard) {
-      // Compartilhamento para desktop (pode ser ajustado conforme necessário)
       navigator.clipboard.writeText(shareData.url)
         .then(() => console.log('URL copiada com sucesso'))
         .catch((error) => console.error('Erro ao copiar URL:', error));
 
-      // Adicionar lógica para abrir o WhatsApp Web com a URL
       const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
       if (isMobile) {
         const whatsappUrl = `whatsapp://send?text=${encodeURIComponent(shareData.title + ' ' + shareData.url)}`;
         window.location.href = whatsappUrl;
       }
     } else {
-      // Lógica de fallback para navegadores que não suportam nenhuma das APIs
       console.warn('A API de compartilhamento não é suportada neste navegador.');
     }
   }

From aaea264b95f9fc1fd3403603e32bece20dad2578 Mon Sep 17 00:00:00 2001
From: DaviMarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 01:54:51 -0300
Subject: [PATCH 10/13] Adiciona testes

Signed-off-by: DaviMarinho <davii_marinho@hotmail.com>
---
 .../pages/video-viewer/video-viewer.component.spec.ts | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index f70364ae..7b53ed1c 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -69,8 +69,6 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should share video with native share API on mobile', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
-
     const shareSpy = spyOn(navigator, 'share').and.callThrough();
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText');
 
@@ -81,8 +79,6 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should copy video URL to clipboard on desktop', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Windows');
-
     const shareSpy = spyOn(navigator, 'share');
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
 
@@ -93,12 +89,8 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should open WhatsApp with video URL on mobile', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Android');
-
     const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
-
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.callThrough();
-
     const windowOpenSpy = spyOn(window, 'open');
 
     component.shareVideo();
@@ -109,11 +101,8 @@ describe('VideoViewerComponent', () => {
   });
 
   it('should handle unsupported share options gracefully', () => {
-    spyOnProperty(navigator, 'userAgent').and.returnValue('Mozilla');
-
     const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
     const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.throwError('Not supported');
-
     const consoleWarnSpy = spyOn(console, 'warn');
 
     component.shareVideo();

From 08a81d4af94067f2fb1b4c8047508cfbaf705130 Mon Sep 17 00:00:00 2001
From: davimarinho <davii_marinho@hotmail.com>
Date: Sun, 10 Dec 2023 02:35:57 -0300
Subject: [PATCH 11/13] Adiciona testes

Signed-off-by: davimarinho <davii_marinho@hotmail.com>
---
 .../video-viewer.component.spec.ts            | 122 ++++++++++--------
 1 file changed, 70 insertions(+), 52 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index 7b53ed1c..2968a3b6 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -1,4 +1,9 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {
+  ComponentFixture,
+  TestBed,
+  fakeAsync,
+  tick,
+} from '@angular/core/testing';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { VideoViewerComponent } from './video-viewer.component';
@@ -7,9 +12,10 @@ import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
 import { VideoService } from 'src/app/services/video.service';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
+import { HttpResponse } from '@angular/common/http';
 
 class VideoServiceMock {
-  constructor() { }
+  constructor() {}
   findVideoById() {
     return of({});
   }
@@ -31,7 +37,7 @@ describe('VideoViewerComponent', () => {
       providers: [
         {
           provide: ActivatedRoute,
-          useValue: { snapshot: { params: { id: 190329 } } },
+          useValue: { snapshot: { params: { idVideo: 190329 } } },
         },
         { provide: VideoService, useValue: new VideoServiceMock() },
         FormBuilder,
@@ -40,75 +46,87 @@ describe('VideoViewerComponent', () => {
 
     fixture = TestBed.createComponent(VideoViewerComponent);
     component = fixture.componentInstance;
-    localStorage.setItem('token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiZW1haWwiOiJqb2FvMTV2aWN0b3IwOEBnbWFpbC5jb20iLCJleHAiOjE2OTkzMTI5MzV9.1B9qBJt8rErwBKyD5JCdsPozsw86oQ38tdfDuMM2HFI');
+    localStorage.setItem(
+      'token',
+      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiZW1haWwiOiJqb2FvMTV2aWN0b3IwOEBnbWFpbC5jb20iLCJleHAiOjE2OTkzMTI5MzV9.1B9qBJt8rErwBKyD5JCdsPozsw86oQ38tdfDuMM2HFI'
+    );
     fixture.detectChanges();
     videoService = TestBed.inject(VideoService);
   });
 
+  class VideoServiceMock {
+    findVideoById(id: number) {
+      const mockVideo = {
+        id: id,
+        title: 'Mock Video Title',
+        description: 'Mock Video Description',
+      };
+      return of(new HttpResponse({ body: mockVideo }));
+    }
+  }
+
+  it('should call findVideoById and set video description', () => {
+    const expectedVideo = {
+      id: 190329,
+      title: 'Mock Video Title',
+      description: 'Mock Video Description',
+    };
+    const mySpy = spyOn(videoService, 'findVideoById').and.returnValue(
+      of(new HttpResponse({ body: expectedVideo }))
+    );
+    component.findVideoById();
+    fixture.detectChanges();
+    expect(mySpy).toHaveBeenCalledWith(190329);
+    expect(component.video).toEqual(expectedVideo);
+    expect(component.videoDescription).toEqual(expectedVideo.description);
+  });
+
   it('should create', () => {
     expect(component).toBeTruthy();
   });
 
   it('should toggle showDescription when expandDescription is called', () => {
-
     expect(component.showDescription).toBe(false);
-
     component.expandDescription();
-
     expect(component.showDescription).toBe(true);
-
     component.expandDescription();
-
     expect(component.showDescription).toBe(false);
   });
 
-  it('should call findVideoById and return video', () => {
-    const mySpy = spyOn(videoService, 'findVideoById').and.callThrough();
+  it('should call findVideoById and set video description', () => {
+    const expectedVideo = {
+      id: 190329,
+      title: 'Mock Video Title',
+      description: 'Mock Video Description',
+    };
+    spyOn(videoService, 'findVideoById').and.returnValue(
+      of(new HttpResponse({ body: expectedVideo }))
+    );
     component.findVideoById();
-    expect(mySpy).toHaveBeenCalled();
-  });
-
-  it('should share video with native share API on mobile', () => {
-    const shareSpy = spyOn(navigator, 'share').and.callThrough();
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText');
-
-    component.shareVideo();
-
-    expect(shareSpy).toHaveBeenCalled();
-    expect(clipboardSpy).not.toHaveBeenCalled();
-  });
-
-  it('should copy video URL to clipboard on desktop', () => {
-    const shareSpy = spyOn(navigator, 'share');
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
-
-    component.shareVideo();
-
-    expect(shareSpy).not.toHaveBeenCalled();
-    expect(clipboardSpy).toHaveBeenCalledWith(window.location.href);
+    fixture.detectChanges();
+    expect(component.video).toEqual(expectedVideo);
+    expect(component.videoDescription).toEqual(expectedVideo.description);
   });
 
-  it('should open WhatsApp with video URL on mobile', () => {
-    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.callThrough();
-    const windowOpenSpy = spyOn(window, 'open');
-
+  it('should share video with native share API on mobile', fakeAsync(() => {
+    spyOn(navigator, 'share').and.returnValue(Promise.resolve());
     component.shareVideo();
-
-    expect(shareSpy).toHaveBeenCalled();
-    expect(clipboardSpy).toHaveBeenCalled();
-    expect(windowOpenSpy).toHaveBeenCalledWith(jasmine.stringMatching(/whatsapp:\/\/send/));
-  });
-
-  it('should handle unsupported share options gracefully', () => {
-    const shareSpy = spyOn(navigator, 'share').and.throwError('Not supported');
-    const clipboardSpy = spyOn(navigator.clipboard, 'writeText').and.throwError('Not supported');
+    tick();
+    expect(navigator.share).toHaveBeenCalledWith({
+      title: component.video.title,
+      text: component.video.title,
+      url: window.location.href,
+    });
+  }));
+
+  
+  it('should handle unsupported share options gracefully', fakeAsync(() => {
+    spyOn(navigator, 'share').and.returnValue(Promise.reject(new Error('Not supported')));
+    spyOn((window as any).navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
     const consoleWarnSpy = spyOn(console, 'warn');
-
+    
     component.shareVideo();
-
-    expect(shareSpy).toHaveBeenCalled();
-    expect(clipboardSpy).not.toHaveBeenCalled();
-    expect(consoleWarnSpy).toHaveBeenCalledWith('A API de compartilhamento não é suportada neste navegador.');
-  });
+    tick();
+  }));  
+  
 });

From 89b2afc8d7313b331cd2eca27212ad575410e717 Mon Sep 17 00:00:00 2001
From: Diego Carlito <diego.carlito01@gmail.com>
Date: Sun, 10 Dec 2023 10:57:00 -0300
Subject: [PATCH 12/13] Adiciona Teste para getVideoUrl

---
 .../pages/video-viewer/video-viewer.component.spec.ts  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index 2968a3b6..c07e2897 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -108,6 +108,16 @@ describe('VideoViewerComponent', () => {
     expect(component.videoDescription).toEqual(expectedVideo.description);
   });
 
+  it('should return the correct video URL', () => {
+    component.eduplayVideoUrl = 'https://eduplay.rnp.br/portal/video/';
+    component.idVideo = 190329;
+  
+    const expectedUrl = 'https://eduplay.rnp.br/portal/video/190329';
+    const returnedUrl = component.getVideoUrl();
+  
+    expect(returnedUrl).toEqual(expectedUrl);
+  });
+
   it('should share video with native share API on mobile', fakeAsync(() => {
     spyOn(navigator, 'share').and.returnValue(Promise.resolve());
     component.shareVideo();

From 76b4a355782289ae8d5ea3809df8d4dc0edc6be2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Victor?= <joao15victor08@gmail.com>
Date: Sun, 10 Dec 2023 22:23:23 -0300
Subject: [PATCH 13/13] Corrige testes

---
 .../video-viewer.component.spec.ts            | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
index c07e2897..84ce22e6 100644
--- a/src/app/pages/video-viewer/video-viewer.component.spec.ts
+++ b/src/app/pages/video-viewer/video-viewer.component.spec.ts
@@ -15,7 +15,7 @@ import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 
 class VideoServiceMock {
-  constructor() {}
+  constructor() { }
   findVideoById() {
     return of({});
   }
@@ -52,6 +52,15 @@ describe('VideoViewerComponent', () => {
     );
     fixture.detectChanges();
     videoService = TestBed.inject(VideoService);
+    navigator.share = () => {
+      {
+        return new Promise((resolve, reject) => {
+          resolve();
+        });
+      }
+    };
+
+
   });
 
   class VideoServiceMock {
@@ -111,32 +120,34 @@ describe('VideoViewerComponent', () => {
   it('should return the correct video URL', () => {
     component.eduplayVideoUrl = 'https://eduplay.rnp.br/portal/video/';
     component.idVideo = 190329;
-  
+
     const expectedUrl = 'https://eduplay.rnp.br/portal/video/190329';
     const returnedUrl = component.getVideoUrl();
-  
+
     expect(returnedUrl).toEqual(expectedUrl);
   });
 
   it('should share video with native share API on mobile', fakeAsync(() => {
-    spyOn(navigator, 'share').and.returnValue(Promise.resolve());
-    component.shareVideo();
-    tick();
-    expect(navigator.share).toHaveBeenCalledWith({
+    const shareData = {
       title: component.video.title,
       text: component.video.title,
       url: window.location.href,
-    });
+    };
+    spyOn(navigator, 'share').and.callThrough();
+    component.shareVideo();
+    tick();
+    expect(navigator.share).toHaveBeenCalledWith(shareData);
   }));
 
-  
+
   it('should handle unsupported share options gracefully', fakeAsync(() => {
     spyOn(navigator, 'share').and.returnValue(Promise.reject(new Error('Not supported')));
-    spyOn((window as any).navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
-    const consoleWarnSpy = spyOn(console, 'warn');
-    
+    spyOn(navigator.clipboard, 'writeText').and.returnValue(Promise.resolve());
+    const consoleWarnSpy = spyOn(console, 'error');
+
     component.shareVideo();
     tick();
-  }));  
-  
+    expect(consoleWarnSpy).toHaveBeenCalledWith('Erro ao compartilhar:', new Error('Not supported'));
+  }));
+
 });