<!DOCTYPE html>
<html>
    <head>
        <script src="../../resources/js-test-pre.js"></script>
        <script src="resources/apply-constraints-utils.js"></script>
        <script>

            let tests = [
                {
                    message: "setup width and height.",
                    constraint: { width: 640, height: 480 }, 
                    expected: { width: 640, height: 480 }, 
                },
                {
                    message: "advanced width and height are too big, minimums are less than current, nothing is changed.",
                    constraint: {
                                    width: { min: 320 },
                                    height: { min: 240 },
                                    advanced: [
                                        { width: 1920, height: 1280 },
                                    ]
                                },
                    expected: { width: 640, height: 480 }, 
                },
                {
                    message: "first width and height in advanced are too big, second is used.",
                    constraint: {
                                    width: { min: 640 },
                                    height: { min: 480 },
                                    advanced: [
                                        { width: 1920, height: 1280 },
                                        { width: 960, height: 720 },
                                    ]
                                 },
                    expected: { width: 960, height: 720 }, 
                },
                {
                    message: "reset width and height.",
                    constraint: { width: 320, height: 240 }, 
                    expected: { width: 320, height: 240 }, 
                },
                {
                    message: "advanced width and height are too big, fall back to required minimums.",
                    constraint: {
                                    width: { min: 640 },
                                    height: {  min: 480 },
                                    advanced: [
                                        { width: 1920, height: 1280 },
                                    ]
                                },
                    expected: { width: 640, height: 480 }, 
                },
                {
                    message: "reset width and height.",
                    constraint: { width: 320, height: 240 }, 
                    expected: { width: 320, height: 240 }, 
                },
                {
                    message: "advanced width and height are too big, aspectRatio is used.",
                    constraint: {
                                    width: { min: 640 },
                                    height: { min: 480 },
                                    advanced: [
                                        { width: 1920, height: 1280 },
                                        { aspectRatio: 1.777777 }
                                    ]
                                },
                    expected: { width: 640, height: 360 }, 
                },
                {
                    message: "no required constraints, advanced constraints are ignored.",
                    constraint: {
                                    advanced: [
                                        { facingMode: "left" },
                                        { facingMode: "right" },
                                        { facingMode: "environment" },
                                        { facingMode: "user" },
                                    ]
                                },
                    expected: { facingMode: "user" }, 
                },
                {
                    message: "first two advanced facingModes are not supported, third is used.",
                    constraint: {
                                    width: { min: 640 },
                                    advanced: [
                                        { facingMode: "left" },
                                        { facingMode: "right" },
                                        { facingMode: "user" },
                                    ]
                                },
                    expected: { facingMode: "user" }, 
                },
            ];

            let tester = new ConstraintsTest({ video: true }, tests, "Tests applyConstraints on a video stream track.")
                .onStreamReady((s) => {
                    stream = s;
                    shouldBe('stream.getVideoTracks().length', '1');
                    shouldBe('stream.getAudioTracks().length', '0');
                    tester.setStreamTrack(stream.getVideoTracks()[0]);
                })
                .onVideoReady((v) => {
                    video = v;
                    shouldBe('video.videoTracks.length', '1');
                    shouldBe('video.audioTracks.length', '0');
                })
                .start();

        </script>
        <script src="../../resources/js-test-post.js"></script>
    </head>
    <body>
        <video controls id="video"</video>
        <br>
        <div id="div"></div>

    </body>
</html>