mirror of
https://github.com/FoggedLens/iD.git
synced 2026-05-27 02:12:24 +02:00
Bryan Housel
e981cd5dd5
- can't reliably use sinon.spy to tell whether a thing has been called, so we listen for events instead and check server.requests() - make sure to request the next page before dispatching `loadedImages` so we can `server.respond()` to the request in the event handler if we want to - also moves `localeDateString` in the openstreetcam service from parsing code to display code, because it's very slow (we can just do this for the images we look at, instead of all images we fetch)
269 lines
11 KiB
JavaScript
269 lines
11 KiB
JavaScript
describe('iD.serviceOpenstreetcam', function() {
|
|
var dimensions = [64, 64];
|
|
var context, server, openstreetcam;
|
|
|
|
before(function() {
|
|
iD.services.openstreetcam = iD.serviceOpenstreetcam;
|
|
});
|
|
|
|
after(function() {
|
|
delete iD.services.openstreetcam;
|
|
});
|
|
|
|
beforeEach(function() {
|
|
context = iD.coreContext().assetPath('../dist/');
|
|
context.projection
|
|
.scale(iD.geoZoomToScale(14))
|
|
.translate([-116508, 0]) // 10,0
|
|
.clipExtent([[0,0], dimensions]);
|
|
|
|
server = window.fakeFetch().create();
|
|
openstreetcam = iD.services.openstreetcam;
|
|
openstreetcam.reset();
|
|
});
|
|
|
|
afterEach(function() {
|
|
server.restore();
|
|
});
|
|
|
|
|
|
describe('#init', function() {
|
|
it('Initializes cache one time', function() {
|
|
var cache = openstreetcam.cache();
|
|
expect(cache).to.have.property('images');
|
|
expect(cache).to.have.property('sequences');
|
|
|
|
openstreetcam.init();
|
|
var cache2 = openstreetcam.cache();
|
|
expect(cache).to.equal(cache2);
|
|
});
|
|
});
|
|
|
|
describe('#reset', function() {
|
|
it('resets cache and image', function() {
|
|
openstreetcam.cache().foo = 'bar';
|
|
openstreetcam.selectImage({key: 'baz'});
|
|
|
|
openstreetcam.reset();
|
|
expect(openstreetcam.cache()).to.not.have.property('foo');
|
|
expect(openstreetcam.getSelectedImage()).to.be.null;
|
|
});
|
|
});
|
|
|
|
describe('#loadImages', function() {
|
|
it('fires loadedImages when images are loaded', function(done) {
|
|
openstreetcam.on('loadedImages', function() {
|
|
expect(server.requests().length).to.eql(1); // 1 nearby-photos
|
|
done();
|
|
});
|
|
|
|
openstreetcam.loadImages(context.projection);
|
|
|
|
var data = {
|
|
status: { apiCode: '600', httpCode: 200, httpMessage: 'Success' },
|
|
currentPageItems:[{
|
|
id: '1',
|
|
sequence_id: '100',
|
|
sequence_index: '1',
|
|
lat: '0',
|
|
lng: '10.001',
|
|
name: 'storage6\/files\/photo\/foo1.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo1.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo1.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
}, {
|
|
id: '2',
|
|
sequence_id: '100',
|
|
sequence_index: '2',
|
|
lat: '0',
|
|
lng: '10.002',
|
|
name: 'storage6\/files\/photo\/foo2.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo2.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo2.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
}, {
|
|
id: '3',
|
|
sequence_id: '100',
|
|
sequence_index: '3',
|
|
lat: '0',
|
|
lng: '10.003',
|
|
name: 'storage6\/files\/photo\/foo3.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo3.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo3.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
}],
|
|
totalFilteredItems: ['3']
|
|
};
|
|
|
|
server.respondWith('POST', /nearby-photos/,
|
|
[200, { 'Content-Type': 'application/json' }, JSON.stringify(data) ]);
|
|
server.respond();
|
|
});
|
|
|
|
it('does not load images around null island', function(done) {
|
|
var spy = sinon.spy();
|
|
context.projection.translate([0,0]);
|
|
|
|
openstreetcam.on('loadedImages', spy);
|
|
openstreetcam.loadImages(context.projection);
|
|
|
|
var data = {
|
|
status: { apiCode: '600', httpCode: 200, httpMessage: 'Success' },
|
|
currentPageItems:[{
|
|
id: '1',
|
|
sequence_id: '100',
|
|
sequence_index: '1',
|
|
lat: '0',
|
|
lng: '0',
|
|
name: 'storage6\/files\/photo\/foo1.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo1.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo1.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
}, {
|
|
id: '2',
|
|
sequence_id: '100',
|
|
sequence_index: '2',
|
|
lat: '0',
|
|
lng: '0',
|
|
name: 'storage6\/files\/photo\/foo2.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo2.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo2.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
}, {
|
|
id: '3',
|
|
sequence_id: '100',
|
|
sequence_index: '3',
|
|
lat: '0',
|
|
lng: '0',
|
|
name: 'storage6\/files\/photo\/foo3.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo3.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo3.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
}],
|
|
totalFilteredItems: ['3']
|
|
};
|
|
|
|
server.respondWith('POST', /nearby-photos/,
|
|
[200, { 'Content-Type': 'application/json' }, JSON.stringify(data) ]);
|
|
server.respond();
|
|
|
|
window.setTimeout(function() {
|
|
expect(spy).to.have.been.not.called;
|
|
expect(server.requests().length).to.eql(0); // no tile requests of any kind
|
|
done();
|
|
}, 200);
|
|
});
|
|
|
|
it('loads multiple pages of image results', function(done) {
|
|
openstreetcam.on('loadedImages', function() {
|
|
expect(server.requests().length).to.eql(2); // 2 nearby-photos
|
|
done();
|
|
});
|
|
|
|
openstreetcam.loadImages(context.projection);
|
|
|
|
var features = [];
|
|
for (var i = 0; i < 1000; i++) {
|
|
var key = String(i);
|
|
features.push({
|
|
id: key,
|
|
sequence_id: '100',
|
|
sequence_index: key,
|
|
lat: '10',
|
|
lng: '0',
|
|
name: 'storage6\/files\/photo\/foo' + key + '.jpg',
|
|
lth_name: 'storage6\/files\/photo\/lth\/foo' + key + '.jpg',
|
|
th_name: 'storage6\/files\/photo\/th\/foo' + key + '.jpg',
|
|
shot_date: '2017-09-24 23:58:07',
|
|
heading: '90',
|
|
username: 'test'
|
|
});
|
|
}
|
|
var response = {
|
|
status: { apiCode: '600', httpCode: 200, httpMessage: 'Success' },
|
|
currentPageItems: features,
|
|
totalFilteredItems: ['1000']
|
|
};
|
|
|
|
server.respondWith('POST', /nearby-photos/,
|
|
[200, { 'Content-Type': 'application/json' }, JSON.stringify(response) ]);
|
|
server.respond();
|
|
});
|
|
});
|
|
|
|
|
|
describe('#images', function() {
|
|
it('returns images in the visible map area', function() {
|
|
var features = [
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '0', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 0 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '1', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 1 } },
|
|
{ minX: 10, minY: 1, maxX: 10, maxY: 1, data: { key: '2', loc: [10,1], ca: 90, sequence_id: '100', sequence_index: 2 } }
|
|
];
|
|
|
|
openstreetcam.cache().images.rtree.load(features);
|
|
var res = openstreetcam.images(context.projection);
|
|
|
|
expect(res).to.deep.eql([
|
|
{ key: '0', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 0 },
|
|
{ key: '1', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 1 }
|
|
]);
|
|
});
|
|
|
|
it('limits results no more than 5 stacked images in one spot', function() {
|
|
var features = [
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '0', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 0 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '1', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 1 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '2', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 2 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '3', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 3 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '4', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 4 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '5', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 5 } }
|
|
];
|
|
|
|
openstreetcam.cache().images.rtree.load(features);
|
|
var res = openstreetcam.images(context.projection);
|
|
expect(res).to.have.length.of.at.most(5);
|
|
});
|
|
});
|
|
|
|
|
|
describe('#sequences', function() {
|
|
it('returns sequence linestrings in the visible map area', function() {
|
|
var features = [
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '0', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 0 } },
|
|
{ minX: 10, minY: 0, maxX: 10, maxY: 0, data: { key: '1', loc: [10,0], ca: 90, sequence_id: '100', sequence_index: 1 } },
|
|
{ minX: 10, minY: 1, maxX: 10, maxY: 1, data: { key: '2', loc: [10,1], ca: 90, sequence_id: '100', sequence_index: 2 } }
|
|
];
|
|
|
|
openstreetcam.cache().images.rtree.load(features);
|
|
openstreetcam.cache().sequences['100'] = { rotation: 0, images: [ features[0].data, features[1].data, features[2].data ] };
|
|
|
|
var res = openstreetcam.sequences(context.projection);
|
|
expect(res).to.deep.eql([{
|
|
type: 'LineString',
|
|
coordinates: [[10,0], [10,0], [10,1]],
|
|
properties: { key: '100' }
|
|
}]);
|
|
});
|
|
});
|
|
|
|
describe('#selectedImage', function() {
|
|
it('sets and gets selected image', function() {
|
|
openstreetcam.selectImage('foo');
|
|
expect(openstreetcam.getSelectedImage()).to.eql('foo');
|
|
});
|
|
});
|
|
|
|
});
|