ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Access the correct element

Browse Source
This commit is contained in:
ahocevar
2018-07-18 12:19:33 +02:00
parent 87a3510c83
commit b813937991
1 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
test/spec/ol/control/scaleline.test.js
View File

@@ -201,7 +201,7 @@ describe('ol.control.ScaleLine', function() {
zoom: 0 zoom: 0
})); }));
map.once('postrender', function() { map.once('postrender', function() {
metricHtml = ctrl.element_.innerHTML; metricHtml = ctrl.element.innerHTML;
done(); done();
}); });
}); });
@@ -215,25 +215,25 @@ describe('ol.control.ScaleLine', function() {
}); });
it('renders a different scaleline for "nautical"', function() { it('renders a different scaleline for "nautical"', function() {
ctrl.setUnits('nautical'); ctrl.setUnits('nautical');
nauticalHtml = ctrl.element_.innerHTML; nauticalHtml = ctrl.element.innerHTML;
expect(nauticalHtml).to.not.be(metricHtml); expect(nauticalHtml).to.not.be(metricHtml);
}); });
it('renders a different scaleline for "degrees"', function() { it('renders a different scaleline for "degrees"', function() {
ctrl.setUnits('degrees'); ctrl.setUnits('degrees');
degreesHtml = ctrl.element_.innerHTML; degreesHtml = ctrl.element.innerHTML;
expect(degreesHtml).to.not.be(metricHtml); expect(degreesHtml).to.not.be(metricHtml);
expect(degreesHtml).to.not.be(nauticalHtml); expect(degreesHtml).to.not.be(nauticalHtml);
}); });
it('renders a different scaleline for "imperial"', function() { it('renders a different scaleline for "imperial"', function() {
ctrl.setUnits('imperial'); ctrl.setUnits('imperial');
imperialHtml = ctrl.element_.innerHTML; imperialHtml = ctrl.element.innerHTML;
expect(imperialHtml).to.not.be(metricHtml); expect(imperialHtml).to.not.be(metricHtml);
expect(imperialHtml).to.not.be(nauticalHtml); expect(imperialHtml).to.not.be(nauticalHtml);
expect(imperialHtml).to.not.be(degreesHtml); expect(imperialHtml).to.not.be(degreesHtml);
}); });
it('renders a different scaleline for "us"', function() { it('renders a different scaleline for "us"', function() {
ctrl.setUnits('us'); ctrl.setUnits('us');
usHtml = ctrl.element_.innerHTML; usHtml = ctrl.element.innerHTML;
expect(usHtml).to.not.be(metricHtml); expect(usHtml).to.not.be(metricHtml);
expect(usHtml).to.not.be(nauticalHtml); expect(usHtml).to.not.be(nauticalHtml);
expect(usHtml).to.not.be(degreesHtml); expect(usHtml).to.not.be(degreesHtml);
@@ -252,14 +252,14 @@ describe('ol.control.ScaleLine', function() {
projection: 'EPSG:3857' projection: 'EPSG:3857'
})); }));
map.renderSync(); map.renderSync();
const innerHtml3857 = ctrl.element_.innerHTML; const innerHtml3857 = ctrl.element.innerHTML;
map.setView(new View({ map.setView(new View({
center: [7, 52], center: [7, 52],
zoom: 2, zoom: 2,
projection: 'EPSG:4326' projection: 'EPSG:4326'
})); }));
map.renderSync(); map.renderSync();
const innerHtml4326 = ctrl.element_.innerHTML; const innerHtml4326 = ctrl.element.innerHTML;
expect(innerHtml4326).to.not.be(innerHtml3857); expect(innerHtml4326).to.not.be(innerHtml3857);
}); });
@@ -281,16 +281,16 @@ describe('ol.control.ScaleLine', function() {
map.renderSync(); map.renderSync();
ctrl.setUnits('metric'); ctrl.setUnits('metric');
expect(ctrl.element_.innerText).to.be('100 m'); expect(ctrl.element.innerText).to.be('100 m');
ctrl.setUnits('imperial'); ctrl.setUnits('imperial');
expect(ctrl.element_.innerText).to.be('500 ft'); expect(ctrl.element.innerText).to.be('500 ft');
ctrl.setUnits('nautical'); ctrl.setUnits('nautical');
expect(ctrl.element_.innerText).to.be('0.05 nm'); expect(ctrl.element.innerText).to.be('0.05 nm');
ctrl.setUnits('us'); ctrl.setUnits('us');
expect(ctrl.element_.innerText).to.be('500 ft'); expect(ctrl.element.innerText).to.be('500 ft');
map.setView(new View({ map.setView(new View({
@@ -309,16 +309,16 @@ describe('ol.control.ScaleLine', function() {
map.renderSync(); map.renderSync();
ctrl.setUnits('metric'); ctrl.setUnits('metric');
expect(ctrl.element_.innerText).to.be('100 mm'); expect(ctrl.element.innerText).to.be('100 mm');
ctrl.setUnits('imperial'); ctrl.setUnits('imperial');
expect(ctrl.element_.innerText).to.be('5 in'); expect(ctrl.element.innerText).to.be('5 in');
ctrl.setUnits('nautical'); ctrl.setUnits('nautical');
expect(ctrl.element_.innerText).to.be('0.00005 nm'); expect(ctrl.element.innerText).to.be('0.00005 nm');
ctrl.setUnits('us'); ctrl.setUnits('us');
expect(ctrl.element_.innerText).to.be('5 in'); expect(ctrl.element.innerText).to.be('5 in');
}); });
it('Metric display works with Geographic (EPSG:4326) projection', function() { it('Metric display works with Geographic (EPSG:4326) projection', function() {
@@ -330,10 +330,10 @@ describe('ol.control.ScaleLine', function() {
projection: 'EPSG:4326' projection: 'EPSG:4326'
})); }));
map.renderSync(); map.renderSync();
expect(ctrl.element_.innerText).to.be('10000 km'); expect(ctrl.element.innerText).to.be('10000 km');
map.getView().setZoom(28); /* max zoom */ map.getView().setZoom(28); /* max zoom */
map.renderSync(); map.renderSync();
expect(ctrl.element_.innerText).to.be('50 mm'); expect(ctrl.element.innerText).to.be('50 mm');
}); });
}); });
@@ -348,10 +348,10 @@ describe('ol.control.ScaleLine', function() {
projection: 'EPSG:4326' projection: 'EPSG:4326'
})); }));
map.renderSync(); map.renderSync();
const innerHtml0 = ctrl.element_.innerHTML; const innerHtml0 = ctrl.element.innerHTML;
map.getView().setCenter([7, 52]); map.getView().setCenter([7, 52]);
map.renderSync(); map.renderSync();
const innerHtml52 = ctrl.element_.innerHTML; const innerHtml52 = ctrl.element.innerHTML;
expect(innerHtml0).to.not.be(innerHtml52); expect(innerHtml0).to.not.be(innerHtml52);
}); });
@@ -366,10 +366,10 @@ describe('ol.control.ScaleLine', function() {
projection: 'EPSG:4326' projection: 'EPSG:4326'
})); }));
map.renderSync(); map.renderSync();
const innerHtml0 = ctrl.element_.innerHTML; const innerHtml0 = ctrl.element.innerHTML;
map.getView().setCenter([7, 52]); map.getView().setCenter([7, 52]);
map.renderSync(); map.renderSync();
const innerHtml52 = ctrl.element_.innerHTML; const innerHtml52 = ctrl.element.innerHTML;
expect(innerHtml0).to.be(innerHtml52); expect(innerHtml0).to.be(innerHtml52);
}); });
@@ -427,11 +427,11 @@ describe('ol.control.ScaleLine', function() {
it('metric: is rendered differently for different zoomlevels', function() { it('metric: is rendered differently for different zoomlevels', function() {
ctrl.setUnits('metric'); ctrl.setUnits('metric');
map.renderSync(); map.renderSync();
renderedHtmls[ctrl.element_.innerHTML] = true; renderedHtmls[ctrl.element.innerHTML] = true;
while (--currentZoom >= 0) { while (--currentZoom >= 0) {
mapView.setZoom(currentZoom); mapView.setZoom(currentZoom);
map.renderSync(); map.renderSync();
const currentHtml = ctrl.element_.innerHTML; const currentHtml = ctrl.element.innerHTML;
expect(currentHtml in renderedHtmls).to.be(false); expect(currentHtml in renderedHtmls).to.be(false);
renderedHtmls[currentHtml] = true; renderedHtmls[currentHtml] = true;
@@ -442,11 +442,11 @@ describe('ol.control.ScaleLine', function() {
it('degrees: is rendered differently for different zoomlevels', function() { it('degrees: is rendered differently for different zoomlevels', function() {
ctrl.setUnits('degrees'); ctrl.setUnits('degrees');
map.renderSync(); map.renderSync();
renderedHtmls[ctrl.element_.innerHTML] = true; renderedHtmls[ctrl.element.innerHTML] = true;
while (--currentZoom >= 0) { while (--currentZoom >= 0) {
mapView.setZoom(currentZoom); mapView.setZoom(currentZoom);
map.renderSync(); map.renderSync();
const currentHtml = ctrl.element_.innerHTML; const currentHtml = ctrl.element.innerHTML;
expect(currentHtml in renderedHtmls).to.be(false); expect(currentHtml in renderedHtmls).to.be(false);
renderedHtmls[currentHtml] = true; renderedHtmls[currentHtml] = true;
} }
@@ -454,11 +454,11 @@ describe('ol.control.ScaleLine', function() {
it('imperial: is rendered differently for different zoomlevels', function() { it('imperial: is rendered differently for different zoomlevels', function() {
ctrl.setUnits('imperial'); ctrl.setUnits('imperial');
map.renderSync(); map.renderSync();
renderedHtmls[ctrl.element_.innerHTML] = true; renderedHtmls[ctrl.element.innerHTML] = true;
while (--currentZoom >= 0) { while (--currentZoom >= 0) {
mapView.setZoom(currentZoom); mapView.setZoom(currentZoom);
map.renderSync(); map.renderSync();
const currentHtml = ctrl.element_.innerHTML; const currentHtml = ctrl.element.innerHTML;
expect(currentHtml in renderedHtmls).to.be(false); expect(currentHtml in renderedHtmls).to.be(false);
renderedHtmls[currentHtml] = true; renderedHtmls[currentHtml] = true;
@@ -469,11 +469,11 @@ describe('ol.control.ScaleLine', function() {
it('nautical: is rendered differently for different zoomlevels', function() { it('nautical: is rendered differently for different zoomlevels', function() {
ctrl.setUnits('nautical'); ctrl.setUnits('nautical');
map.renderSync(); map.renderSync();
renderedHtmls[ctrl.element_.innerHTML] = true; renderedHtmls[ctrl.element.innerHTML] = true;
while (--currentZoom >= 0) { while (--currentZoom >= 0) {
mapView.setZoom(currentZoom); mapView.setZoom(currentZoom);
map.renderSync(); map.renderSync();
const currentHtml = ctrl.element_.innerHTML; const currentHtml = ctrl.element.innerHTML;
expect(currentHtml in renderedHtmls).to.be(false); expect(currentHtml in renderedHtmls).to.be(false);
renderedHtmls[currentHtml] = true; renderedHtmls[currentHtml] = true;
} }
@@ -481,11 +481,11 @@ describe('ol.control.ScaleLine', function() {
it('us: is rendered differently for different zoomlevels', function() { it('us: is rendered differently for different zoomlevels', function() {
ctrl.setUnits('us'); ctrl.setUnits('us');
map.renderSync(); map.renderSync();
renderedHtmls[ctrl.element_.innerHTML] = true; renderedHtmls[ctrl.element.innerHTML] = true;
while (--currentZoom >= 0) { while (--currentZoom >= 0) {
mapView.setZoom(currentZoom); mapView.setZoom(currentZoom);
map.renderSync(); map.renderSync();
const currentHtml = ctrl.element_.innerHTML; const currentHtml = ctrl.element.innerHTML;
expect(currentHtml in renderedHtmls).to.be(false); expect(currentHtml in renderedHtmls).to.be(false);
renderedHtmls[currentHtml] = true; renderedHtmls[currentHtml] = true;
} }