77 lines
2.2 KiB
TypeScript
77 lines
2.2 KiB
TypeScript
import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
|
|
|
|
import {
|
|
hideMediaControlsTemporarily,
|
|
MEDIA_LOAD_CONTROLS_HIDE_SECONDS,
|
|
setControlsOnVideo,
|
|
type AdvancedCameraCardHTMLVideoElement,
|
|
} from '../../src/utils/controls.js';
|
|
|
|
// @vitest-environment jsdom
|
|
describe('setControlsOnVideo', () => {
|
|
it('should set controls', () => {
|
|
const video = document.createElement('video');
|
|
|
|
setControlsOnVideo(video, false);
|
|
expect(video.controls).toBeFalsy();
|
|
});
|
|
|
|
it('should stop timer', () => {
|
|
const video: AdvancedCameraCardHTMLVideoElement = document.createElement('video');
|
|
hideMediaControlsTemporarily(video);
|
|
|
|
expect(video._controlsHideTimer).toBeTruthy();
|
|
expect(video._controlsHideTimer?.isRunning()).toBeTruthy();
|
|
|
|
setControlsOnVideo(video, false);
|
|
expect(video.controls).toBeFalsy();
|
|
expect(video._controlsHideTimer).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
describe('hideMediaControlsTemporarily', () => {
|
|
beforeAll(() => {
|
|
vi.useFakeTimers();
|
|
});
|
|
|
|
afterAll(() => {
|
|
vi.useRealTimers();
|
|
});
|
|
|
|
it('should set controls', () => {
|
|
const video: AdvancedCameraCardHTMLVideoElement = document.createElement('video');
|
|
video.controls = true;
|
|
hideMediaControlsTemporarily(video);
|
|
|
|
expect(video.controls).toBeFalsy();
|
|
vi.runOnlyPendingTimers();
|
|
|
|
expect(video.controls).toBeTruthy();
|
|
expect(video._controlsHideTimer).toBeFalsy();
|
|
});
|
|
|
|
it('should add event listener that resets controls', () => {
|
|
const video: AdvancedCameraCardHTMLVideoElement = document.createElement('video');
|
|
video.controls = true;
|
|
|
|
hideMediaControlsTemporarily(video);
|
|
expect(video.controls).toBeFalsy();
|
|
|
|
// After a new media starts to load, the controls should reset.
|
|
video.dispatchEvent(new Event('loadstart'));
|
|
expect(video.controls).toBeTruthy();
|
|
|
|
// ... but only once, future loadstart events without subsequent calls to
|
|
// hideMediaControlsTemporarily() should do nothing.
|
|
video.controls = false;
|
|
video.dispatchEvent(new Event('loadstart'));
|
|
expect(video._controlsHideTimer).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
describe('constants', () => {
|
|
it('MEDIA_LOAD_CONTROLS_HIDE_SECONDS', () => {
|
|
expect(MEDIA_LOAD_CONTROLS_HIDE_SECONDS).toBe(2);
|
|
});
|
|
});
|