init

Bin

2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import type { MediaView, ViewWithMedia } from "./types";
 
export function withMedia<T extends new (...args: any[]) => ViewWithMedia>(
  Base: T,
): T & (new (...args: any[]) => MediaView) {
  return class extends Base implements MediaView {
    _bufferingIndicatorSelector = ".lsf-timeline-controls__buffering";
    get bufferingIndicator() {
      return this.root.get(this._bufferingIndicatorSelector);
    }
    /**
     * Check if Tag is in buffering state
     */
    hasBuffering() {
      this.bufferingIndicator.should("be.visible");
    }
    /**
     * Check if Tag is not in buffering state
     */
    hasNoBuffering() {
      this.bufferingIndicator.should("not.exist");
    }
 
    /**
     * Check if media is playing
     */
    hasMediaPlaying() {
      this.mediaElement.should(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        expect(mediaElement.paused).to.be.false;
      });
    }
 
    /**
     * Check if media is paused during buffering
     */
    hasMediaPaused() {
      this.mediaElement.should(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        expect(mediaElement.paused).to.be.true;
      });
    }
 
    /**
     * Get current media time
     */
    getCurrentTime(): Cypress.Chainable<number> {
      return this.mediaElement.then(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        return mediaElement.currentTime;
      });
    }
 
    /**
     * Get media duration
     */
    getDuration(): Cypress.Chainable<number> {
      return this.mediaElement.then(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        return mediaElement.duration;
      });
    }
 
    /**
     * Get media network state
     */
    getNetworkState(): Cypress.Chainable<number> {
      return this.mediaElement.then(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        return mediaElement.networkState;
      });
    }
 
    /**
     * Get media ready state
     */
    getReadyState(): Cypress.Chainable<number> {
      return this.mediaElement.then(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        return mediaElement.readyState;
      });
    }
 
    /**
     * Check if media is paused
     */
    isPaused(): Cypress.Chainable<boolean> {
      return this.mediaElement.then(($media) => {
        const mediaElement = $media[0] as HTMLMediaElement;
        return mediaElement.paused;
      });
    }
  };
}