@gcorevideo/player 2.22.27 → 2.22.28

package/src/plugins/media-control/__tests__/MediaControl.test.ts

@@ -298,6 +298,22 @@ describe('MediaControl', () => {
       })
     })
   })
+  describe('seekbar', () => {
+    beforeEach(async () => {
+      mediaControl = new MediaControl(core)
+      core.emit(Events.CORE_READY)
+      core.activeContainer.settings = {
+        seekEnabled: true,
+        default: ['seekbar'],
+      }
+      core.emit(Events.CORE_ACTIVE_CONTAINER_CHANGED, core.activeContainer)
+      await runMetadataLoaded(core)
+      core.activeContainer.emit(Events.CONTAINER_SETTINGSUPDATE)
+    })
+    it('should render', () => {
+      expect(mediaControl.el.innerHTML).toMatchSnapshot()
+    })
+  })
 })
 
 function arraySubtract<T extends string>(arr1: T[], arr2: T[]) {

package/src/plugins/media-control/__tests__/__snapshots__/MediaControl.test.ts.snap

@@ -296,6 +296,76 @@ exports[`MediaControl > rendering timing > once metadata is loaded > should wait
 <style>:root {}</style>"
 `;
 
+exports[`MediaControl > seekbar > should render 1`] = `
+"<div class="media-control-background" data-background=""></div>
+
+<div class="media-control-layer gcore-skin-bg-color" data-controls="">
+    
+    
+    
+    
+    
+    
+    
+    
+    
+
+    
+    
+        <div class="media-control-left-panel" data-media-control="">
+            
+        <div class="drawer-container" data-volume="">
+            <div class="drawer-icon-container" data-volume="">
+                <div class="drawer-icon media-control-icon gcore-skin-button-color" data-volume="">/assets/icons/new/volume-max.svg</div>
+                <span class="drawer-text" data-volume=""></span>
+            </div>
+            
+    <div class="bar-container" data-volume="">
+        <div class="bar-background" data-volume="">
+            <div class="bar-fill-1 gcore-skin-main-color" data-volume="" style="width: 100%;"></div>
+        </div>
+        <div class="bar-scrubber" data-volume="" style="left: 100%;">
+            <div class="bar-scrubber-icon gcore-skin-main-color" data-volume=""></div>
+        </div>
+    </div>
+    
+        </div>
+    
+        <div class="media-control-indicator gcore-skin-text-color" data-clips=""></div>
+    
+        </div>
+    
+    
+        <div class="media-control-center-panel" data-media-control="">
+            
+        <div class="bar-container" data-seekbar="">
+            <div class="bar-background" data-seekbar="">
+                <div class="bar-fill-1" data-seekbar=""></div>
+                <div class="bar-fill-2 gcore-skin-main-color" data-seekbar="" style="width: 0%;"></div>
+                <div class="bar-hover" data-seekbar=""></div>
+            </div>
+        </div>
+        <div class="bar-scrubber" data-seekbar="" style="left: 0%;">
+            <div class="bar-scrubber-icon gcore-skin-main-color" data-seekbar=""></div>
+        </div>
+    
+        </div>
+    
+    
+        <div class="media-control-right-panel" data-media-control="">
+            
+        <button type="button" class="media-control-button media-control-icon gcore-skin-button-color" data-fullscreen="" aria-label="fullscreen">/assets/icons/new/fullscreen-off.svg</button>
+    
+        <div class="media-control-multicamera" data-multicamera=""></div>
+    
+        <div class="media-control-vr" data-vr=""></div>
+    
+        </div>
+    
+</div>
+<style>:root {}</style>"
+`;
+
 exports[`MediaControl > updateSettings > dvr > when disabled > should disable DVR controls 1`] = `
 "<div class="media-control-background" data-background=""></div>
 

package/src/testUtils.ts

@@ -176,6 +176,7 @@ export function createMockContainer(
     isPlaying: vi.fn().mockReturnValue(false),
     play: vi.fn(),
     seek: vi.fn(),
+    seekPercentage: vi.fn(),
     switchAudioTrack: vi.fn(),
     trigger: emitter.emit,
   })