// @vitest-environment happy-dom
import { describe, expect, it } from 'vitest';

import { VideoSrcObserver } from '../../src/content/media-observer.js';

describe('VideoSrcObserver', () => {
  it('reports a <video src> already present when start() is called', () => {
    document.body.innerHTML = '<video src="https://cdn.example/master.m3u8"></video>';
    const found: string[] = [];
    const observer = new VideoSrcObserver((url) => found.push(url));

    observer.start();

    expect(found).toEqual(['https://cdn.example/master.m3u8']);
    observer.stop();
  });

  it('ignores a <video> whose src is not a manifest', () => {
    document.body.innerHTML = '<video src="https://cdn.example/movie.mp4"></video>';
    const found: string[] = [];
    const observer = new VideoSrcObserver((url) => found.push(url));

    observer.start();

    expect(found).toHaveLength(0);
    observer.stop();
  });

  it('reports a <video> added to the DOM after start()', async () => {
    document.body.innerHTML = '';
    const found: string[] = [];
    const observer = new VideoSrcObserver((url) => found.push(url));
    observer.start();

    const video = document.createElement('video');
    video.src = 'https://cdn.example/live.mpd';
    document.body.appendChild(video);

    await new Promise((r) => setTimeout(r, 0)); // MutationObserver callbacks are microtask-queued
    expect(found).toEqual(['https://cdn.example/live.mpd']);
    observer.stop();
  });

  it('reports a src attribute change on an existing <video>', async () => {
    document.body.innerHTML = '<video></video>';
    const found: string[] = [];
    const observer = new VideoSrcObserver((url) => found.push(url));
    observer.start();

    document.querySelector('video')!.setAttribute('src', 'https://cdn.example/switched.m3u8');

    await new Promise((r) => setTimeout(r, 0));
    expect(found).toEqual(['https://cdn.example/switched.m3u8']);
    observer.stop();
  });

  it('reports the same URL only once', () => {
    document.body.innerHTML = '<video src="https://cdn.example/master.m3u8"></video><video src="https://cdn.example/master.m3u8"></video>';
    const found: string[] = [];
    const observer = new VideoSrcObserver((url) => found.push(url));

    observer.start();

    expect(found).toEqual(['https://cdn.example/master.m3u8']);
    observer.stop();
  });
});