<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Testing video rotation in media recorder</title>
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
    </head>
    <body>
        <video id="recordedVideo" autoplay playsInline width="320" height="240"></video>
        <script>
promise_test(async (test) => {
    const stream = await navigator.mediaDevices.getUserMedia({video: true });
    let expectedWidth = 640;
    let expectedHeight = 480;

    if (window.internals) {
        window.internals.setCameraMediaStreamTrackOrientation(stream.getVideoTracks()[0], 90);
        testRunner.setMockCameraOrientation(90);

        expectedWidth = 480;
        expectedHeight = 640;
    }

    const recorder = new MediaRecorder(stream);
    const promise = new Promise((resolve, reject) => {
        recorder.ondataavailable = (e) => resolve(e.data);
        setTimeout(() => reject("datavailable event timed out"), 5000);
    });
    recorder.start();
    setTimeout(() => recorder.stop(), 1000);
    const blob = await promise;

    const url = URL.createObjectURL(blob);
    recordedVideo.src = url;
    await recordedVideo.play();

    URL.revokeObjectURL(url);

    assert_equals(recordedVideo.videoWidth, expectedWidth, "recorded video width");
    assert_equals(recordedVideo.videoHeight, expectedHeight, "recorded video height");
}, "Record a rotated video");
        </script>
    </body>
</html>