fix(audio-player): stops playing when removed from DOM (VIV-1967) (#1880

)
Vonage · Aug 13, 2024 · 12355d3 · 12355d3
1 parent 88396d0
commit 12355d3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/libs/components/src/lib/audio-player/audio-player.spec.ts b/libs/components/src/lib/audio-player/audio-player.spec.ts
@@ -368,6 +368,15 @@ describe('vwc-audio-player', () => {
 
 			expect(playSpy).toHaveBeenCalledTimes(1);
 		});
+
+		it('should stop playing on disconnectedCallback', async () => {
+			setCurrentTimeAndDuration(10, 100);
+			element.play();
+			await elementUpdated(element);
+
+			element.remove();
+			expect(element.paused).toBe(true);
+		});
 	});
 
 	describe('pause()', () => {

diff --git a/libs/components/src/lib/audio-player/audio-player.ts b/libs/components/src/lib/audio-player/audio-player.ts
@@ -189,6 +189,7 @@ export class AudioPlayer extends FoundationElement {
 	override disconnectedCallback() {
 		super.disconnectedCallback();
 		this.#setSliderInteractionListeners(false);
+		this.pause();
 	}
 
 	play() {