fix(SUP-44085): Two different players on the same page (#32)

Description of the Changes add the audio preset into audioPlayer object, part of - kaltura/kaltura-player-js#842
kaltura · Sep 4, 2024 · d2e45b8 · d2e45b8
1 parent 57d243e
commit d2e45b8
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 29 deletions.
diff --git a/cypress/e2e/audio-player.cy.ts b/cypress/e2e/audio-player.cy.ts
@@ -235,41 +235,46 @@ describe('audio player plugin', () => {
           });
 
           it('should not loop playback when not clicked', () => {
-            cy.get('[data-testid="audio-player-loop-button"] button').should('be.visible');
-            player?.play();
+            setTimeout(() => {
+              cy.get('[data-testid="audio-player-loop-button"] button').should('be.visible');
+              player?.play();
 
-            return cy.wrap(
-              new Promise(resolve => {
-                let playCount = 0;
-                player?.addEventListener('play', () => {
-                  ++playCount;
-                });
+              return cy.wrap(
+                  new Promise(resolve => {
+                    let playCount = 0;
+                    player?.addEventListener('play', () => {
+                      ++playCount;
+                    });
 
-                setTimeout(() => {
-                  if (playCount === 1) {
-                    resolve(true);
-                  }
-                }, 6000);
-              })
-            );
+                    setTimeout(() => {
+                      if (playCount === 1) {
+                        resolve(true);
+                      }
+                    }, 6000);
+                  })
+              );
+            }, 3000);
           });
 
           it('should loop playback when clicked', () => {
-            cy.get('[data-testid="audio-player-loop-button"] button').should('be.visible').click({force: true});
-            player?.play();
+            setTimeout(() => {
+              cy.get('[data-testid="audio-player-loop-button"] button').should('be.visible').click({force: true});
+              player?.play();
 
-            return cy.wrap(
-              new Promise(resolve => {
-                let playCount = 0;
-                player?.addEventListener('play', () => {
-                  ++playCount;
+              return cy.wrap(
+                  new Promise(resolve => {
+                    let playCount = 0;
+                    player?.addEventListener('play', () => {
+                      ++playCount;
+
+                      if (playCount >= 2) {
+                        resolve(true);
+                      }
+                    });
+                  })
+              );
+            }, 3000);
 
-                  if (playCount >= 2) {
-                    resolve(true);
-                  }
-                });
-              })
-            );
           });
         });
       });

diff --git a/src/index.ts b/src/index.ts
@@ -19,4 +19,7 @@ const AudioPreset = {
 };
 
 // the preset needs to be injected into the player config before the player ui is loaded
-window.kalturaCustomPreset = [AudioPreset];
+if (!window.kalturaCustomPreset) {
+  window.kalturaCustomPreset = {};
+}
+window.kalturaCustomPreset['audioPlayer'] = [AudioPreset];