<!doctype html><!-- webkit-test-runner [ RequestVideoFrameCallbackEnabled=true ] -->
<html>
    <head>
        <meta charset="utf-8">
        <title>Testing rvfc on getUserMedia stream</title>
        <script src="../../resources/testharness.js"></script>
        <script src="../../resources/testharnessreport.js"></script>
    </head>
    <body>
        <video id="video" autoplay=""></video>
        <script>
async function grabNextMetadata(video)
{
    return new Promise((resolve, reject) => {
        const identifier = video.requestVideoFrameCallback((now, metadata) => {
            resolve(metadata);
        });
        setTimeout(() => {
            reject("no metadata for " + identifier);
            video.cancelVideoFrameCallback(identifier);
        }, 5000);
    });
}

promise_test(async (test) => {
    const localStream = await navigator.mediaDevices.getUserMedia({video: { width: 640, height: 480 } });
    video.srcObject = localStream;
    await video.play();

    let resolve;
    let promise = new Promise(r => resolve = r);
    const id1 = video.requestVideoFrameCallback((now, metadata) => {
        video.cancelVideoFrameCallback(id1);
        video.cancelVideoFrameCallback(id2);

        const id3 = video.requestVideoFrameCallback((now, metadata) => { assert_not_reached(); });
        video.cancelVideoFrameCallback(id3);
        setTimeout(resolve, 100);
    });

    const id2 = video.requestVideoFrameCallback((now, metadata) => {
        assert_not_reached();
    });

    return promise;
}, "Validate callbacks can be updated within a callback");

promise_test(async (test) => {
    const localStream = await navigator.mediaDevices.getUserMedia({video: { width: 640, height: 480 } });
    video.srcObject = localStream;
    await video.play();

    let metadata = await grabNextMetadata(video);
    assert_equals(metadata.width, 640);
    assert_equals(metadata.height, 480);
    assert_greater_than(metadata.presentedFrames, 0);
    const presentedFrames = metadata.presentedFrames;

    await localStream.getVideoTracks()[0].applyConstraints({width: 320, height: 240});

    let counter = 0;
    while (++counter < 100 && metadata.width !== 320) {
        await new Promise(resolve => setTimeout(resolve, 50));
        metadata = await grabNextMetadata(video);
    }
    assert_equals(metadata.width, 320);
    assert_greater_than(metadata.presentedFrames, presentedFrames);
}, "Validate callbacks and metadata for getUserMedia");

promise_test(async (test) => {
    const localStream = await navigator.mediaDevices.getUserMedia({video: { width: 640, height: 480 } });
    video.srcObject = localStream;
    await video.play();

    let counter = 0;
    let resolve;
    const promise = new Promise(r => resolve = r);
    video.requestVideoFrameCallback(() => {
        ++counter;
        resolve();
    });
    await promise;

    await new Promise(resolve => video.requestVideoFrameCallback(resolve));
    assert_equals(counter, 1);
}, "Validate callbacks are called only once");
        </script>
    </body>
</html>