2021-10-12  Cameron McCormack  <heycam@apple.com>

        Test that colors in a canvas.captureStream() video track are preserved when sent over a peer connection

        https://bugs.webkit.org/show_bug.cgi?id=231645

        <rdar://problem/84172363>

        Reviewed by Youenn Fablet.

        * webrtc/captureStream-color-space-expected.txt: Added.

        * webrtc/captureStream-color-space.html: Added.

PASS Test that colors in a canvas.captureStream() video track are preserved when sent over a peer connection

<!DOCTYPE html>

<title>Test that colors in a canvas.captureStream() video track are preserved when sent over a peer connection</title>

<script src="../resources/testharness.js"></script>

<script src="../resources/testharnessreport.js"></script>

<canvas id="src" width="16" height="16"></canvas>

<video id="vid" width="16" height="16" autoplay></video>

<canvas id="dst" width="16" height="16"></canvas>

<script>

function drawSourceThenCheckDestination() {

    const srcContext = src.getContext("2d");

    srcContext.fillStyle = "#800000";

    srcContext.fillRect(0, 0, 16, 16);

    const dstContext = dst.getContext("2d");

    dstContext.clearRect(0, 0, 16, 16);

    dstContext.drawImage(vid, 0, 0);

    // The stream takes a few frames to get started. Wait until the drawImage() call paints something.

    const imageData = dstContext.getImageData(0, 0, 1, 1);

    if (!imageData.data[3]) {

        requestAnimationFrame(t.step_func(drawSourceThenCheckDestination));

        return;

    }

    const actual = [...imageData.data];

    const expected = [128, 0, 0, 255];

    assert_array_approx_equals(actual, expected, 2, `actual = ${actual}, expected = ${expected}`);

    t.done();

}

var t = async_test(async function(t) {

    requestAnimationFrame(t.step_func(drawSourceThenCheckDestination));

    const connectionA = new RTCPeerConnection();

    const connectionB = new RTCPeerConnection();

    connectionA.onicecandidate = e => connectionB.addIceCandidate(e.candidate);

    connectionB.onicecandidate = e => connectionA.addIceCandidate(e.candidate);

    connectionA.addTrack(src.captureStream().getVideoTracks()[0]);

    connectionB.ontrack = e => vid.srcObject = new MediaStream([e.track]);

    const descriptionA = await connectionA.createOffer();

    connectionA.setLocalDescription(descriptionA);

    await connectionB.setRemoteDescription(descriptionA);

    const descriptionB = await connectionB.createAnswer();

    connectionB.setLocalDescription(descriptionB);

    connectionA.setRemoteDescription(descriptionB);

});

</script>