mirror of
https://github.com/serratus/quaggaJS.git
synced 2026-08-12 21:21:42 +08:00
Added tests for selecting camera; related to #128
This commit is contained in:
Christoph Oberhofer
+153
-128
@@ -1,147 +1,172 @@
|
||||
import CameraAccess from '../../src/input/camera_access';
|
||||
import CameraAccess, {pickConstraints} from '../../src/input/camera_access';
|
||||
import {setDevices, setStream, getConstraints, setSupported} from 'mediaDevices';
|
||||
|
||||
var originalURL,
|
||||
originalMediaStreamTrack,
|
||||
video,
|
||||
stream;
|
||||
stream,
|
||||
devices = [];
|
||||
|
||||
beforeEach(function() {
|
||||
var tracks = [{
|
||||
stop: function() {}
|
||||
}];
|
||||
|
||||
originalURL = window.URL;
|
||||
originalMediaStreamTrack = window.MediaStreamTrack;
|
||||
window.MediaStreamTrack = {};
|
||||
window.URL = {
|
||||
createObjectURL(stream) {
|
||||
return stream;
|
||||
}
|
||||
};
|
||||
|
||||
stream = {
|
||||
getVideoTracks: function() {
|
||||
return tracks;
|
||||
}
|
||||
};
|
||||
sinon.spy(tracks[0], "stop");
|
||||
|
||||
video = {
|
||||
srcObject: null,
|
||||
addEventListener: function() {},
|
||||
removeEventListener: function() {},
|
||||
setAttribute: sinon.spy(),
|
||||
play: function() {},
|
||||
videoWidth: 320,
|
||||
videoHeight: 480
|
||||
};
|
||||
sinon.stub(video, "addEventListener", function(event, cb) {
|
||||
cb();
|
||||
});
|
||||
sinon.stub(video, "play");
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
window.URL = originalURL;
|
||||
window.MediaStreamTrack = originalMediaStreamTrack;
|
||||
});
|
||||
|
||||
describe('success', function() {
|
||||
describe("camera_access", () => {
|
||||
beforeEach(function() {
|
||||
sinon.stub(navigator.mediaDevices, "getUserMedia", function(constraints) {
|
||||
return Promise.resolve(stream);
|
||||
var tracks = [{
|
||||
stop: function() {}
|
||||
}];
|
||||
|
||||
originalURL = window.URL;
|
||||
originalMediaStreamTrack = window.MediaStreamTrack;
|
||||
window.MediaStreamTrack = {};
|
||||
window.URL = {
|
||||
createObjectURL(stream) {
|
||||
return stream;
|
||||
}
|
||||
};
|
||||
|
||||
stream = {
|
||||
getVideoTracks: function() {
|
||||
return tracks;
|
||||
}
|
||||
};
|
||||
setStream(stream);
|
||||
sinon.spy(tracks[0], "stop");
|
||||
|
||||
video = {
|
||||
srcObject: null,
|
||||
addEventListener: function() {},
|
||||
removeEventListener: function() {},
|
||||
setAttribute: sinon.spy(),
|
||||
play: function() {},
|
||||
videoWidth: 320,
|
||||
videoHeight: 480
|
||||
};
|
||||
sinon.stub(video, "addEventListener", function(event, cb) {
|
||||
cb();
|
||||
});
|
||||
sinon.stub(video, "play");
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
navigator.mediaDevices.getUserMedia.restore();
|
||||
window.URL = originalURL;
|
||||
window.MediaStreamTrack = originalMediaStreamTrack;
|
||||
});
|
||||
describe('request', function () {
|
||||
it('should request the camera', function (done) {
|
||||
CameraAccess.request(video, {})
|
||||
.then(function () {
|
||||
expect(navigator.mediaDevices.getUserMedia.calledOnce).to.equal(true);
|
||||
expect(video.srcObject).to.deep.equal(stream);
|
||||
done();
|
||||
})
|
||||
|
||||
describe('success', function() {
|
||||
describe('request', function () {
|
||||
it('should request the camera', function (done) {
|
||||
CameraAccess.request(video, {})
|
||||
.then(function () {
|
||||
expect(video.srcObject).to.deep.equal(stream);
|
||||
done();
|
||||
})
|
||||
});
|
||||
|
||||
it("should allow deprecated constraints to be used", (done) => {
|
||||
CameraAccess.request(video, {
|
||||
width: 320,
|
||||
height: 240,
|
||||
facing: "user",
|
||||
minAspectRatio: 2,
|
||||
maxAspectRatio: 100
|
||||
})
|
||||
.then(function () {
|
||||
const constraints = getConstraints();
|
||||
expect(constraints.video.width).to.equal(320);
|
||||
expect(constraints.video.height).to.equal(240);
|
||||
expect(constraints.video.facingMode).to.equal("user");
|
||||
expect(constraints.video.aspectRatio).to.equal(2);
|
||||
expect(constraints.video.facing).not.to.be.defined;
|
||||
expect(constraints.video.minAspectRatio).not.to.be.defined;
|
||||
expect(constraints.video.maxAspectRatio).not.to.be.defined;
|
||||
done();
|
||||
})
|
||||
});
|
||||
});
|
||||
|
||||
it("should allow deprecated constraints to be used", (done) => {
|
||||
CameraAccess.request(video, {
|
||||
width: 320,
|
||||
height: 240,
|
||||
facing: "user",
|
||||
minAspectRatio: 2,
|
||||
maxAspectRatio: 100
|
||||
})
|
||||
.then(function () {
|
||||
const call = navigator.mediaDevices.getUserMedia.getCall(0),
|
||||
args = call.args;
|
||||
expect(call).to.be.defined;
|
||||
expect(args[0].video.width).to.equal(320);
|
||||
expect(args[0].video.height).to.equal(240);
|
||||
expect(args[0].video.facingMode).to.equal("user");
|
||||
expect(args[0].video.aspectRatio).to.equal(2);
|
||||
expect(args[0].video.facing).not.to.be.defined;
|
||||
expect(args[0].video.minAspectRatio).not.to.be.defined;
|
||||
expect(args[0].video.maxAspectRatio).not.to.be.defined;
|
||||
done();
|
||||
})
|
||||
describe('release', function () {
|
||||
it('should release the camera', function (done) {
|
||||
CameraAccess.request(video, {})
|
||||
.then(function () {
|
||||
expect(video.srcObject).to.deep.equal(stream);
|
||||
CameraAccess.release();
|
||||
expect(video.srcObject.getVideoTracks()).to.have.length(1);
|
||||
expect(video.srcObject.getVideoTracks()[0].stop.calledOnce).to.equal(true);
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('release', function () {
|
||||
it('should release the camera', function (done) {
|
||||
CameraAccess.request(video, {})
|
||||
.then(function () {
|
||||
expect(video.srcObject).to.deep.equal(stream);
|
||||
CameraAccess.release();
|
||||
expect(video.srcObject.getVideoTracks()).to.have.length(1);
|
||||
expect(video.srcObject.getVideoTracks()[0].stop.calledOnce).to.equal(true);
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('failure', function() {
|
||||
describe("permission denied", function(){
|
||||
beforeEach(function() {
|
||||
sinon.stub(navigator.mediaDevices, "getUserMedia", function(constraints, success, failure) {
|
||||
return Promise.reject(new Error());
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
navigator.mediaDevices.getUserMedia.restore();
|
||||
});
|
||||
|
||||
it('should throw if getUserMedia not available', function(done) {
|
||||
CameraAccess.request(video, {})
|
||||
.catch(function (err) {
|
||||
expect(err).to.be.defined;
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("not available", function(){
|
||||
var originalGetUserMedia;
|
||||
|
||||
beforeEach(function() {
|
||||
originalGetUserMedia = navigator.mediaDevices.getUserMedia;
|
||||
navigator.mediaDevices.getUserMedia = undefined;
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
navigator.mediaDevices.getUserMedia = originalGetUserMedia;
|
||||
});
|
||||
|
||||
it('should throw if getUserMedia not available', function(done) {
|
||||
CameraAccess.request(video, {})
|
||||
.catch((err) => {
|
||||
expect(err).to.be.defined;
|
||||
done();
|
||||
describe('failure', function() {
|
||||
beforeEach(() => {
|
||||
setSupported(false);
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
setSupported(true);
|
||||
});
|
||||
|
||||
describe("permission denied", function(){
|
||||
it('should throw if getUserMedia not available', function(done) {
|
||||
CameraAccess.request(video, {})
|
||||
.catch(function (err) {
|
||||
expect(err).to.be.defined;
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("not available", function(){
|
||||
var originalGetUserMedia;
|
||||
|
||||
it('should throw if getUserMedia not available', function(done) {
|
||||
CameraAccess.request(video, {})
|
||||
.catch((err) => {
|
||||
expect(err).to.be.defined;
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("pickConstraints", () => {
|
||||
it("should return the given constraints if no facingMode is defined", (done) => {
|
||||
const givenConstraints = {width: 180};
|
||||
return pickConstraints(givenConstraints).then((actualConstraints) => {
|
||||
expect(actualConstraints.video).to.deep.equal(givenConstraints);
|
||||
done();
|
||||
})
|
||||
.catch((err) => {
|
||||
expect(err).to.equal(null);
|
||||
console.log(err);
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
it("should return the given constraints if deviceId is defined", (done) => {
|
||||
const givenConstraints = {width: 180, deviceId: "4343"};
|
||||
return pickConstraints(givenConstraints).then((actualConstraints) => {
|
||||
expect(actualConstraints.video).to.deep.equal(givenConstraints);
|
||||
done();
|
||||
})
|
||||
.catch((err) => {
|
||||
expect(err).to.equal(null);
|
||||
console.log(err);
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
it("should set deviceId if facingMode is set to environment", (done) => {
|
||||
setDevices([{deviceId: "front", kind: "videoinput", label: "front Facing"},
|
||||
{deviceId: "back", label: "back Facing", kind: "videoinput"}]);
|
||||
const givenConstraints = {width: 180, facingMode: "environment"};
|
||||
return pickConstraints(givenConstraints).then((actualConstraints) => {
|
||||
expect(actualConstraints.video).to.deep.equal({width: 180, deviceId: "back"});
|
||||
done();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
expect(err).to.equal(null);
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -5,99 +5,102 @@ var canvasMock,
|
||||
imageSize,
|
||||
config;
|
||||
|
||||
beforeEach(function() {
|
||||
imageSize = {x: 320, y: 240};
|
||||
config = {
|
||||
capture: true,
|
||||
capacity: 20,
|
||||
blacklist: [{code: "3574660239843", format: "ean_13"}],
|
||||
filter: function() {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
canvasMock = {
|
||||
getContext: function() {
|
||||
return {};
|
||||
},
|
||||
toDataURL: sinon.spy(),
|
||||
width: 0,
|
||||
height: 0
|
||||
};
|
||||
sinon.stub(document, "createElement", function(type) {
|
||||
if (type === "canvas") {
|
||||
return canvasMock;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
document.createElement.restore();
|
||||
});
|
||||
|
||||
|
||||
describe('create', function () {
|
||||
it("should return a new collector", function() {
|
||||
ResultCollector.create(config);
|
||||
expect(document.createElement.calledOnce).to.be.equal(true);
|
||||
expect(document.createElement.getCall(0).args[0]).to.equal("canvas");
|
||||
});
|
||||
});
|
||||
|
||||
describe('addResult', function() {
|
||||
describe("resultCollector", () => {
|
||||
beforeEach(function() {
|
||||
sinon.stub(ImageDebug, "drawImage", function() {});
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
ImageDebug.drawImage.restore();
|
||||
});
|
||||
|
||||
it("should not add result if capacity is full", function(){
|
||||
config.capacity = 1;
|
||||
var collector = ResultCollector.create(config);
|
||||
collector.addResult([], imageSize, {});
|
||||
collector.addResult([], imageSize, {});
|
||||
collector.addResult([], imageSize, {});
|
||||
expect(collector.getResults()).to.have.length(1);
|
||||
});
|
||||
|
||||
it("should only add results which match constraints", function(){
|
||||
var collector = ResultCollector.create(config),
|
||||
results;
|
||||
|
||||
collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
|
||||
collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
|
||||
collector.addResult([], imageSize, {code: "3574660239843", format: "code_128"});
|
||||
|
||||
results = collector.getResults();
|
||||
expect(results).to.have.length(2);
|
||||
|
||||
results.forEach(function(result) {
|
||||
expect(result).not.to.deep.equal(config.blacklist[0]);
|
||||
imageSize = {x: 320, y: 240};
|
||||
config = {
|
||||
capture: true,
|
||||
capacity: 20,
|
||||
blacklist: [{code: "3574660239843", format: "ean_13"}],
|
||||
filter: function() {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
canvasMock = {
|
||||
getContext: function() {
|
||||
return {};
|
||||
},
|
||||
toDataURL: sinon.spy(),
|
||||
width: 0,
|
||||
height: 0
|
||||
};
|
||||
sinon.stub(document, "createElement", function(type) {
|
||||
if (type === "canvas") {
|
||||
return canvasMock;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it("should add result if no filter is set", function() {
|
||||
delete config.filter;
|
||||
var collector = ResultCollector.create(config);
|
||||
|
||||
collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
|
||||
expect(collector.getResults()).to.have.length(1);
|
||||
afterEach(function() {
|
||||
document.createElement.restore();
|
||||
});
|
||||
|
||||
it("should not add results if filter returns false", function() {
|
||||
config.filter = () => (false);
|
||||
var collector = ResultCollector.create(config);
|
||||
|
||||
collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
|
||||
expect(collector.getResults()).to.have.length(0);
|
||||
describe('create', function () {
|
||||
it("should return a new collector", function() {
|
||||
ResultCollector.create(config);
|
||||
expect(document.createElement.calledOnce).to.be.equal(true);
|
||||
expect(document.createElement.getCall(0).args[0]).to.equal("canvas");
|
||||
});
|
||||
});
|
||||
|
||||
it("should add result if no blacklist is set", function() {
|
||||
delete config.blacklist;
|
||||
var collector = ResultCollector.create(config);
|
||||
describe('addResult', function() {
|
||||
beforeEach(function() {
|
||||
sinon.stub(ImageDebug, "drawImage", function() {});
|
||||
});
|
||||
|
||||
collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
|
||||
expect(collector.getResults()).to.have.length(1);
|
||||
afterEach(function() {
|
||||
ImageDebug.drawImage.restore();
|
||||
});
|
||||
|
||||
it("should not add result if capacity is full", function(){
|
||||
config.capacity = 1;
|
||||
var collector = ResultCollector.create(config);
|
||||
collector.addResult([], imageSize, {});
|
||||
collector.addResult([], imageSize, {});
|
||||
collector.addResult([], imageSize, {});
|
||||
expect(collector.getResults()).to.have.length(1);
|
||||
});
|
||||
|
||||
it("should only add results which match constraints", function(){
|
||||
var collector = ResultCollector.create(config),
|
||||
results;
|
||||
|
||||
collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
|
||||
collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
|
||||
collector.addResult([], imageSize, {code: "3574660239843", format: "code_128"});
|
||||
|
||||
results = collector.getResults();
|
||||
expect(results).to.have.length(2);
|
||||
|
||||
results.forEach(function(result) {
|
||||
expect(result).not.to.deep.equal(config.blacklist[0]);
|
||||
});
|
||||
});
|
||||
|
||||
it("should add result if no filter is set", function() {
|
||||
delete config.filter;
|
||||
var collector = ResultCollector.create(config);
|
||||
|
||||
collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
|
||||
expect(collector.getResults()).to.have.length(1);
|
||||
});
|
||||
|
||||
it("should not add results if filter returns false", function() {
|
||||
config.filter = () => (false);
|
||||
var collector = ResultCollector.create(config);
|
||||
|
||||
collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
|
||||
expect(collector.getResults()).to.have.length(0);
|
||||
});
|
||||
|
||||
it("should add result if no blacklist is set", function() {
|
||||
delete config.blacklist;
|
||||
var collector = ResultCollector.create(config);
|
||||
|
||||
collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
|
||||
expect(collector.getResults()).to.have.length(1);
|
||||
});
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user