| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <script src="resources/apply-constraints-utils.js"></script> |
| <script> |
| |
| let tests = [ |
| { |
| message: "set width, height, and frame rate to valid values.", |
| constraint: { width: 640, height: 480, frameRate: 30 }, |
| expected: { width: 640, height: 480, frameRate: 30 }, |
| }, |
| { |
| message: "change width and height, frame rate should remain unchanged.", |
| constraint: { width: 320, height: 240 }, |
| expected: { width: 320, height: 240, frameRate: 30 }, |
| }, |
| { |
| message: "the 'exact' constraint can't be satisfied, promise should reject and no settings should change.", |
| constraint: { width: { exact: 2000 } }, |
| expected: { width: 320, height: 240, frameRate: 30 }, |
| error: "width", |
| }, |
| { |
| message: "the 'min' constraint can't be satisfied, promise should reject and no settings should change.", |
| constraint: { width: 640, height: {min: 3000}, }, |
| expected: { width: 320, height: 240, frameRate: 30 }, |
| error: "height", |
| }, |
| { |
| message: "the 'max' constraint can't be satisfied, promise should reject and no settings should change.", |
| constraint: { frameRate: {max: 6}, }, |
| expected: { frameRate: 30 }, |
| error: "frameRate", |
| }, |
| { |
| message: "the 'exact' constraint can be satisfied.", |
| constraint: { width: { exact: 400 } }, |
| expected: { width: 400, height: 240 }, |
| }, |
| { |
| message: "the 'ideal' constraint can't be satisfied but the 'min' can, max should be chosen.", |
| constraint: { width: {min: 300, ideal: 5000} }, |
| expected: { width: 1920, height: 240 }, |
| }, |
| { |
| message: "'ideal' and 'min' constraints can be satisfied, 'ideal' should be chosen.", |
| constraint: { width: {min: 320, ideal: 1280}, height: {min: 480, ideal: 720}, }, |
| expected: { width: 1280, height: 720 }, |
| }, |
| { |
| message: "ideal width is greater than track capability, should be clamped to the maximum value.", |
| constraint: { width: 3000 }, |
| expected: { width: 1920}, |
| }, |
| { |
| message: "all values are less than track capabilities, should be clamped to the minimum values.", |
| constraint: { width: 160, height: 120, frameRate: 10 }, |
| expected: { width: 320, height: 240, frameRate: 15 }, |
| }, |
| { |
| message: "set frame rate, width and height should remain unchanged", |
| constraint: { frameRate: 20 }, |
| expected: { width: 320, height: 240, frameRate: 20 }, |
| }, |
| { |
| message: "illegal facing mode value should be ignored, height should change.", |
| constraint: { facingMode: "environment", height: 400 }, |
| expected: { facingMode: "user", width: 320, height: 400 }, |
| }, |
| { |
| message: "unknown constraint should be ignored, frame rate should change.", |
| constraint: { WITDH: 400, frameRate: 30 }, |
| expected: { width: 320, frameRate: 30 }, |
| }, |
| { |
| message: "aspect ratio should change width and height.", |
| constraint: { aspectRatio: (4/3).toFixed(4) }, |
| expected: { width: 320, height: 240 }, |
| }, |
| { |
| message: "new aspect ratio should again change width and height.", |
| constraint: { aspectRatio: (16/9).toFixed(4) }, |
| expected: { width: 320, height: 180 }, |
| }, |
| { |
| message: "when aspect ratio has been set, changing width should change height.", |
| constraint: { width: 1920 }, |
| expected: { width: 1920, height: 1080}, |
| }, |
| { |
| message: "when aspect ratio has been set, changing height should change width.", |
| constraint: { height: 576 }, |
| expected: { width: 1024, height: 576}, |
| }, |
| ]; |
| |
| 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> |
| |
