f4585331f2
As with vector layers and feature overlays, feature style can be set by calling setStyle. Calling getStyle returns what was passed to setStyle. Internally, we call getStyleFunction.
398 lines
10 KiB
JavaScript
398 lines
10 KiB
JavaScript
goog.provide('ol.test.Feature');
|
|
|
|
describe('ol.Feature', function() {
|
|
|
|
describe('constructor', function() {
|
|
|
|
it('creates a new feature', function() {
|
|
var feature = new ol.Feature();
|
|
expect(feature).to.be.a(ol.Feature);
|
|
});
|
|
|
|
it('takes attribute values', function() {
|
|
var feature = new ol.Feature({
|
|
foo: 'bar'
|
|
});
|
|
expect(feature.get('foo')).to.be('bar');
|
|
});
|
|
|
|
it('can store the feature\'s commonly used id', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setId('foo');
|
|
expect(feature.getId()).to.be('foo');
|
|
});
|
|
|
|
it('will set the default geometry', function() {
|
|
var feature = new ol.Feature({
|
|
geometry: new ol.geom.Point([10, 20]),
|
|
foo: 'bar'
|
|
});
|
|
var geometry = feature.getGeometry();
|
|
expect(geometry).to.be.a(ol.geom.Point);
|
|
expect(feature.get('geometry')).to.be(geometry);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#get()', function() {
|
|
|
|
it('returns values set at construction', function() {
|
|
var feature = new ol.Feature({
|
|
a: 'first',
|
|
b: 'second'
|
|
});
|
|
expect(feature.get('a')).to.be('first');
|
|
expect(feature.get('b')).to.be('second');
|
|
});
|
|
|
|
it('returns undefined for unset attributes', function() {
|
|
var feature = new ol.Feature();
|
|
expect(feature.get('a')).to.be(undefined);
|
|
});
|
|
|
|
it('returns values set by set', function() {
|
|
var feature = new ol.Feature();
|
|
feature.set('a', 'b');
|
|
expect(feature.get('a')).to.be('b');
|
|
});
|
|
|
|
});
|
|
|
|
describe('#getAttributes()', function() {
|
|
|
|
it('returns an object with all attributes', function() {
|
|
var point = new ol.geom.Point([15, 30]);
|
|
var feature = new ol.Feature({
|
|
foo: 'bar',
|
|
ten: 10,
|
|
geometry: point
|
|
});
|
|
|
|
var attributes = feature.getProperties();
|
|
|
|
var keys = goog.object.getKeys(attributes);
|
|
expect(keys.sort()).to.eql(['foo', 'geometry', 'ten']);
|
|
|
|
expect(attributes.foo).to.be('bar');
|
|
expect(attributes.geometry).to.be(point);
|
|
expect(attributes.ten).to.be(10);
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('#getGeometry()', function() {
|
|
|
|
var point = new ol.geom.Point([15, 30]);
|
|
|
|
it('returns null for no geometry', function() {
|
|
var feature = new ol.Feature();
|
|
expect(feature.getGeometry()).to.be(null);
|
|
});
|
|
|
|
it('gets the geometry set at construction', function() {
|
|
var feature = new ol.Feature({
|
|
geometry: point
|
|
});
|
|
expect(feature.getGeometry()).to.be(point);
|
|
});
|
|
|
|
it('gets any geometry set by setGeometry', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setGeometry(point);
|
|
expect(feature.getGeometry()).to.be(point);
|
|
|
|
var point2 = new ol.geom.Point([1, 2]);
|
|
feature.setGeometry(point2);
|
|
expect(feature.getGeometry()).to.be(point2);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#set()', function() {
|
|
|
|
it('sets values', function() {
|
|
var feature = new ol.Feature({
|
|
a: 'first',
|
|
b: 'second'
|
|
});
|
|
feature.set('a', 'new');
|
|
expect(feature.get('a')).to.be('new');
|
|
});
|
|
|
|
it('can be used to set the geometry', function() {
|
|
var point = new ol.geom.Point([3, 4]);
|
|
var feature = new ol.Feature({
|
|
geometry: new ol.geom.Point([1, 2])
|
|
});
|
|
feature.set('geometry', point);
|
|
expect(feature.get('geometry')).to.be(point);
|
|
expect(feature.getGeometry()).to.be(point);
|
|
});
|
|
|
|
it('can be used to set attributes with arbitrary names', function() {
|
|
|
|
var feature = new ol.Feature();
|
|
|
|
feature.set('toString', 'string');
|
|
expect(feature.get('toString')).to.be('string');
|
|
expect(typeof feature.toString).to.be('function');
|
|
|
|
feature.set('getGeometry', 'x');
|
|
expect(feature.get('getGeometry')).to.be('x');
|
|
|
|
feature.set('geometry', new ol.geom.Point([1, 2]));
|
|
expect(feature.getGeometry()).to.be.a(ol.geom.Point);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('#setGeometry()', function() {
|
|
|
|
var point = new ol.geom.Point([15, 30]);
|
|
|
|
it('sets the default geometry', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setGeometry(point);
|
|
expect(feature.get('geometry')).to.be(point);
|
|
});
|
|
|
|
it('replaces previous default geometry', function() {
|
|
var feature = new ol.Feature({
|
|
geometry: point
|
|
});
|
|
expect(feature.getGeometry()).to.be(point);
|
|
|
|
var point2 = new ol.geom.Point([1, 2]);
|
|
feature.setGeometry(point2);
|
|
expect(feature.getGeometry()).to.be(point2);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#setGeometryName()', function() {
|
|
|
|
var point = new ol.geom.Point([15, 30]);
|
|
|
|
it('sets property where to to look at geometry', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setGeometry(point);
|
|
expect(feature.getGeometry()).to.be(point);
|
|
|
|
var point2 = new ol.geom.Point([1, 2]);
|
|
feature.set('altGeometry', point2);
|
|
expect(feature.getGeometry()).to.be(point);
|
|
feature.setGeometryName('altGeometry');
|
|
expect(feature.getGeometry()).to.be(point2);
|
|
|
|
feature.on('change', function() {
|
|
expect.fail();
|
|
});
|
|
point.setCoordinates([0, 2]);
|
|
});
|
|
|
|
it('changes property listener', function(done) {
|
|
var feature = new ol.Feature();
|
|
feature.setGeometry(point);
|
|
var point2 = new ol.geom.Point([1, 2]);
|
|
feature.set('altGeometry', point2);
|
|
feature.setGeometryName('altGeometry');
|
|
|
|
feature.on('change', function() {
|
|
done();
|
|
});
|
|
point2.setCoordinates([0, 2]);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#getStyleFunction()', function() {
|
|
|
|
var styleFunction = function(resolution) {
|
|
return null;
|
|
};
|
|
|
|
it('returns undefined after construction', function() {
|
|
var feature = new ol.Feature();
|
|
expect(feature.getStyleFunction()).to.be(undefined);
|
|
});
|
|
|
|
it('returns the function passed to setStyle', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setStyle(styleFunction);
|
|
expect(feature.getStyleFunction()).to.be(styleFunction);
|
|
});
|
|
|
|
it('does not get confused with user "styleFunction" property', function() {
|
|
var feature = new ol.Feature();
|
|
feature.set('styleFunction', 'foo');
|
|
expect(feature.getStyleFunction()).to.be(undefined);
|
|
});
|
|
|
|
it('does not get confused with "styleFunction" option', function() {
|
|
var feature = new ol.Feature({
|
|
styleFunction: 'foo'
|
|
});
|
|
expect(feature.getStyleFunction()).to.be(undefined);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#setStyle()', function() {
|
|
|
|
var style = new ol.style.Style();
|
|
|
|
var styleFunction = function(feature, resolution) {
|
|
return null;
|
|
};
|
|
|
|
it('accepts a single style', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setStyle(style);
|
|
var func = feature.getStyleFunction();
|
|
expect(func()).to.eql([style]);
|
|
});
|
|
|
|
it('accepts an array of styles', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setStyle([style]);
|
|
var func = feature.getStyleFunction();
|
|
expect(func()).to.eql([style]);
|
|
});
|
|
|
|
it('accepts a style function', function() {
|
|
var feature = new ol.Feature();
|
|
feature.setStyle(styleFunction);
|
|
expect(feature.getStyleFunction()).to.be(styleFunction);
|
|
});
|
|
|
|
it('dispatches a change event', function(done) {
|
|
var feature = new ol.Feature();
|
|
feature.on('change', function() {
|
|
done();
|
|
});
|
|
feature.setStyle(style);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#getStyle()', function() {
|
|
|
|
var style = new ol.style.Style();
|
|
|
|
var styleFunction = function(resolution) {
|
|
return null;
|
|
};
|
|
|
|
it('returns what is passed to setStyle', function() {
|
|
var feature = new ol.Feature();
|
|
|
|
expect(feature.getStyle()).to.be(null);
|
|
|
|
feature.setStyle(style);
|
|
expect(feature.getStyle()).to.be(style);
|
|
|
|
feature.setStyle([style]);
|
|
expect(feature.getStyle()).to.eql([style]);
|
|
|
|
feature.setStyle(styleFunction);
|
|
expect(feature.getStyle()).to.be(styleFunction);
|
|
|
|
});
|
|
|
|
/**
|
|
* We should be able to make the assertion below, but the constructor
|
|
* calls setValues which calls setFoo when provided with 'foo'. This
|
|
* is different behavior than calling set('foo', 'bar').
|
|
* See https://github.com/openlayers/ol3/issues/1672
|
|
|
|
|
|
it('does not get confused with "style" option to constructor', function() {
|
|
var feature = new ol.Feature({
|
|
style: 'foo'
|
|
});
|
|
|
|
expect(feature.getStyle()).to.be(null);
|
|
});
|
|
|
|
*/
|
|
|
|
it('does not get confused with user set "style" property', function() {
|
|
var feature = new ol.Feature();
|
|
feature.set('style', 'foo');
|
|
|
|
expect(feature.getStyle()).to.be(null);
|
|
});
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
describe('ol.feature.createStyleFunction()', function() {
|
|
var style = new ol.style.Style();
|
|
|
|
it('creates a style function from a single style', function() {
|
|
var styleFunction = ol.feature.createStyleFunction(style);
|
|
expect(styleFunction()).to.eql([style]);
|
|
});
|
|
|
|
it('creates a style function from an array of styles', function() {
|
|
var styleFunction = ol.feature.createStyleFunction([style]);
|
|
expect(styleFunction()).to.eql([style]);
|
|
});
|
|
|
|
it('passes through a function', function() {
|
|
var original = function() {
|
|
return [style];
|
|
};
|
|
var styleFunction = ol.feature.createStyleFunction(original);
|
|
expect(styleFunction).to.be(original);
|
|
});
|
|
|
|
it('throws on (some) unexpected input', function() {
|
|
expect(function() {
|
|
ol.feature.createStyleFunction({bogus: 'input'});
|
|
}).to.throwException();
|
|
});
|
|
|
|
});
|
|
|
|
describe('ol.feature.createFeatureStyleFunction()', function() {
|
|
var style = new ol.style.Style();
|
|
|
|
it('creates a feature style function from a single style', function() {
|
|
var styleFunction = ol.feature.createFeatureStyleFunction(style);
|
|
expect(styleFunction()).to.eql([style]);
|
|
});
|
|
|
|
it('creates a feature style function from an array of styles', function() {
|
|
var styleFunction = ol.feature.createFeatureStyleFunction([style]);
|
|
expect(styleFunction()).to.eql([style]);
|
|
});
|
|
|
|
it('passes through a function', function() {
|
|
var original = function() {
|
|
return [style];
|
|
};
|
|
var styleFunction = ol.feature.createFeatureStyleFunction(original);
|
|
expect(styleFunction).to.be(original);
|
|
});
|
|
|
|
it('throws on (some) unexpected input', function() {
|
|
expect(function() {
|
|
ol.feature.createFeatureStyleFunction({bogus: 'input'});
|
|
}).to.throwException();
|
|
});
|
|
|
|
});
|
|
|
|
|
|
goog.require('goog.events');
|
|
goog.require('goog.object');
|
|
goog.require('ol.Feature');
|
|
goog.require('ol.feature');
|
|
goog.require('ol.geom.Point');
|
|
goog.require('ol.style.Style');
|