1d533d2924
propertychange events include the oldValue so remove the beforepropertychange event type.
661 lines
17 KiB
JavaScript
661 lines
17 KiB
JavaScript
goog.provide('ol.test.Object');
|
|
|
|
describe('ol.Object', function() {
|
|
|
|
var o;
|
|
beforeEach(function() {
|
|
o = new ol.Object();
|
|
});
|
|
|
|
describe('get and set', function() {
|
|
|
|
describe('get an unset property', function() {
|
|
var v;
|
|
beforeEach(function() {
|
|
v = o.get('k');
|
|
});
|
|
|
|
it('returns undefined', function() {
|
|
expect(v).to.be(undefined);
|
|
});
|
|
|
|
});
|
|
|
|
describe('get a set property', function() {
|
|
var v;
|
|
beforeEach(function() {
|
|
o.set('k', 1);
|
|
v = o.get('k');
|
|
});
|
|
|
|
it('returns expected value', function() {
|
|
expect(v).to.eql(1);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('#get()', function() {
|
|
|
|
it('does not return values that are not explicitly set', function() {
|
|
var o = new ol.Object();
|
|
expect(o.get('constructor')).to.be(undefined);
|
|
expect(o.get('hasOwnProperty')).to.be(undefined);
|
|
expect(o.get('isPrototypeOf')).to.be(undefined);
|
|
expect(o.get('propertyIsEnumerable')).to.be(undefined);
|
|
expect(o.get('toLocaleString')).to.be(undefined);
|
|
expect(o.get('toString')).to.be(undefined);
|
|
expect(o.get('valueOf')).to.be(undefined);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#set()', function() {
|
|
it('can be used with arbitrary names', function() {
|
|
var o = new ol.Object();
|
|
|
|
o.set('set', 'sat');
|
|
expect(o.get('set')).to.be('sat');
|
|
|
|
o.set('get', 'got');
|
|
expect(o.get('get')).to.be('got');
|
|
|
|
o.set('toString', 'string');
|
|
expect(o.get('toString')).to.be('string');
|
|
expect(typeof o.toString).to.be('function');
|
|
});
|
|
});
|
|
|
|
describe('#getKeys()', function() {
|
|
|
|
it('returns property names set at construction', function() {
|
|
var o = new ol.Object({
|
|
prop1: 'val1',
|
|
prop2: 'val2',
|
|
toString: 'string',
|
|
get: 'foo'
|
|
});
|
|
|
|
var keys = o.getKeys();
|
|
expect(keys.length).to.be(4);
|
|
expect(keys.sort()).to.eql(['get', 'prop1', 'prop2', 'toString']);
|
|
});
|
|
|
|
});
|
|
|
|
describe('setProperties', function() {
|
|
|
|
it('sets multiple values at once', function() {
|
|
o.setProperties({
|
|
k1: 1,
|
|
k2: 2
|
|
});
|
|
expect(o.get('k1')).to.eql(1);
|
|
expect(o.get('k2')).to.eql(2);
|
|
|
|
var keys = o.getKeys().sort();
|
|
expect(keys).to.eql(['k1', 'k2']);
|
|
});
|
|
});
|
|
|
|
describe('notify', function() {
|
|
|
|
var listener1, listener2, listener3;
|
|
|
|
beforeEach(function() {
|
|
listener1 = sinon.spy();
|
|
goog.events.listen(o, 'change:k', listener1);
|
|
|
|
listener2 = sinon.spy();
|
|
goog.events.listen(o, ol.ObjectEventType.PROPERTYCHANGE, listener2);
|
|
|
|
var o2 = new ol.Object();
|
|
o2.bindTo('k', o);
|
|
listener3 = sinon.spy();
|
|
goog.events.listen(o2, 'change:k', listener3);
|
|
});
|
|
|
|
it('dispatches events', function() {
|
|
o.notify('k', 1);
|
|
expect(listener1.calledOnce).to.be(true);
|
|
var args = listener1.firstCall.args;
|
|
expect(args).to.have.length(1);
|
|
var event = args[0];
|
|
expect(event.key).to.be('k');
|
|
expect(event.oldValue).to.be(1);
|
|
});
|
|
|
|
it('dispatches generic change events to bound objects', function() {
|
|
o.notify('k', 1);
|
|
expect(listener2.calledOnce).to.be(true);
|
|
var args = listener2.firstCall.args;
|
|
expect(args).to.have.length(1);
|
|
var event = args[0];
|
|
expect(event.key).to.be('k');
|
|
expect(event.oldValue).to.be(1);
|
|
});
|
|
|
|
it('dispatches events to bound objects', function() {
|
|
o.notify('k', 1);
|
|
expect(listener3.calledOnce).to.be(true);
|
|
var args = listener3.firstCall.args;
|
|
expect(args).to.have.length(1);
|
|
var event = args[0];
|
|
expect(event.key).to.be('k');
|
|
expect(event.oldValue).to.be(1);
|
|
});
|
|
});
|
|
|
|
describe('set', function() {
|
|
|
|
var listener1, o2, listener2, listener3;
|
|
|
|
beforeEach(function() {
|
|
listener1 = sinon.spy();
|
|
goog.events.listen(o, 'change:k', listener1);
|
|
|
|
listener2 = sinon.spy();
|
|
goog.events.listen(o, ol.ObjectEventType.PROPERTYCHANGE, listener2);
|
|
|
|
o2 = new ol.Object();
|
|
o2.bindTo('k', o);
|
|
listener3 = sinon.spy();
|
|
goog.events.listen(o2, 'change:k', listener3);
|
|
});
|
|
|
|
it('dispatches events to object', function() {
|
|
o.set('k', 1);
|
|
expect(listener1).to.be.called();
|
|
|
|
expect(o.getKeys()).to.eql(['k']);
|
|
expect(o2.getKeys()).to.eql(['k']);
|
|
});
|
|
|
|
it('dispatches generic change events to object', function() {
|
|
o.set('k', 1);
|
|
expect(listener2.calledOnce).to.be(true);
|
|
var args = listener2.firstCall.args;
|
|
expect(args).to.have.length(1);
|
|
var event = args[0];
|
|
expect(event.key).to.be('k');
|
|
});
|
|
|
|
it('dispatches events to bound object', function() {
|
|
o.set('k', 1);
|
|
expect(listener3).to.be.called();
|
|
});
|
|
|
|
it('dispatches events to object bound to', function() {
|
|
o2.set('k', 2);
|
|
expect(listener1).to.be.called();
|
|
|
|
expect(o.getKeys()).to.eql(['k']);
|
|
expect(o2.getKeys()).to.eql(['k']);
|
|
});
|
|
|
|
it('dispatches generic change events to object bound to', function() {
|
|
o2.set('k', 2);
|
|
expect(listener2.calledOnce).to.be(true);
|
|
var args = listener2.firstCall.args;
|
|
expect(args).to.have.length(1);
|
|
var event = args[0];
|
|
expect(event.key).to.be('k');
|
|
});
|
|
|
|
});
|
|
|
|
describe('bind', function() {
|
|
|
|
var o2;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
});
|
|
|
|
describe('bindTo after set', function() {
|
|
|
|
beforeEach(function() {
|
|
o.set('k', 1);
|
|
o2.set('k', 0);
|
|
});
|
|
|
|
it('gets expected value', function() {
|
|
o2.bindTo('k', o);
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
|
|
expect(o.getKeys()).to.eql(['k']);
|
|
expect(o2.getKeys()).to.eql(['k']);
|
|
});
|
|
|
|
it('dispatches a change: event', function() {
|
|
var listener = sinon.spy();
|
|
o2.on('change:k', listener);
|
|
o2.bindTo('k', o);
|
|
expect(listener.calledOnce).to.be(true);
|
|
var call = listener.firstCall;
|
|
expect(call.args).to.have.length(1);
|
|
expect(call.args[0].key).to.be('k');
|
|
expect(call.args[0].oldValue).to.be(0);
|
|
expect(o2.get('k')).to.be(1);
|
|
});
|
|
|
|
it('dispatches a propertychange event', function() {
|
|
var listener = sinon.spy();
|
|
o2.on('propertychange', listener);
|
|
o2.bindTo('k', o);
|
|
expect(listener.calledOnce).to.be(true);
|
|
var call = listener.firstCall;
|
|
expect(call.args).to.have.length(1);
|
|
expect(call.args[0].key).to.be('k');
|
|
expect(call.args[0].oldValue).to.be(0);
|
|
expect(o2.get('k')).to.be(1);
|
|
});
|
|
|
|
});
|
|
|
|
describe('bindTo before set', function() {
|
|
|
|
it('gets expected value', function() {
|
|
o2.bindTo('k', o);
|
|
o.set('k', 1);
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
|
|
expect(o.getKeys()).to.eql(['k']);
|
|
expect(o2.getKeys()).to.eql(['k']);
|
|
});
|
|
});
|
|
|
|
describe('backwards', function() {
|
|
describe('bindTo after set', function() {
|
|
|
|
it('gets expected value', function() {
|
|
o2.set('k', 1);
|
|
o2.bindTo('k', o);
|
|
expect(o.get('k')).to.be(undefined);
|
|
expect(o2.get('k')).to.be(undefined);
|
|
});
|
|
});
|
|
|
|
describe('bindTo before set', function() {
|
|
|
|
it('gets expected value', function() {
|
|
o2.bindTo('k', o);
|
|
o2.set('k', 1);
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('unbind', function() {
|
|
var o2;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
o2.bindTo('k', o);
|
|
o2.set('k', 1);
|
|
});
|
|
|
|
it('makes changes to unbound object invisible to other object', function() {
|
|
// initial state
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
o2.unbind('k');
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
o2.set('k', 2);
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(2);
|
|
});
|
|
|
|
});
|
|
|
|
describe('unbindAll', function() {
|
|
var o2;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
o2.bindTo('k', o);
|
|
o2.set('k', 1);
|
|
});
|
|
|
|
it('makes changes to unbound object invisible to other object', function() {
|
|
// initial state
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
o2.unbindAll();
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(1);
|
|
o2.set('k', 2);
|
|
expect(o.get('k')).to.eql(1);
|
|
expect(o2.get('k')).to.eql(2);
|
|
});
|
|
});
|
|
|
|
describe('bind rename', function() {
|
|
var listener1, o2, listener2;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
o2.bindTo('k2', o, 'k1');
|
|
|
|
listener1 = sinon.spy();
|
|
goog.events.listen(o, 'change:k1', listener1);
|
|
|
|
listener2 = sinon.spy();
|
|
goog.events.listen(o2, 'change:k2', listener2);
|
|
});
|
|
|
|
it('sets the expected properties', function() {
|
|
o.set('k1', 1);
|
|
expect(o.get('k1')).to.eql(1);
|
|
expect(o.get('k2')).to.be(undefined);
|
|
expect(o2.get('k2')).to.eql(1);
|
|
expect(o2.get('k1')).to.be(undefined);
|
|
expect(listener1).to.be.called();
|
|
expect(listener2).to.be.called();
|
|
|
|
expect(o.getKeys()).to.eql(['k1']);
|
|
expect(o2.getKeys()).to.eql(['k2']);
|
|
});
|
|
});
|
|
|
|
describe('transitive bind', function() {
|
|
var o2, o3;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
o3 = new ol.Object();
|
|
o2.bindTo('k2', o, 'k1');
|
|
o3.bindTo('k3', o2, 'k2');
|
|
});
|
|
|
|
it('sets the expected properties', function() {
|
|
o.set('k1', 1);
|
|
expect(o.get('k1')).to.eql(1);
|
|
expect(o2.get('k2')).to.eql(1);
|
|
expect(o3.get('k3')).to.eql(1);
|
|
|
|
expect(o.getKeys()).to.eql(['k1']);
|
|
expect(o2.getKeys()).to.eql(['k2']);
|
|
expect(o3.getKeys()).to.eql(['k3']);
|
|
});
|
|
|
|
describe('backward', function() {
|
|
|
|
it('sets the expected properties', function() {
|
|
o3.set('k3', 1);
|
|
expect(o.get('k1')).to.eql(1);
|
|
expect(o2.get('k2')).to.eql(1);
|
|
expect(o3.get('k3')).to.eql(1);
|
|
|
|
expect(o.getKeys()).to.eql(['k1']);
|
|
expect(o2.getKeys()).to.eql(['k2']);
|
|
expect(o3.getKeys()).to.eql(['k3']);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('circular bind', function() {
|
|
var o2;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
o.bindTo('k', o2);
|
|
});
|
|
|
|
it('throws an error', function() {
|
|
expect(function() { o2.bindTo('k', o); }).to.throwException();
|
|
});
|
|
});
|
|
|
|
describe('priority', function() {
|
|
var o2;
|
|
|
|
beforeEach(function() {
|
|
o2 = new ol.Object();
|
|
});
|
|
|
|
it('respects set order', function() {
|
|
o.set('k', 1);
|
|
o2.set('k', 2);
|
|
o.bindTo('k', o2);
|
|
expect(o.get('k')).to.eql(2);
|
|
expect(o2.get('k')).to.eql(2);
|
|
});
|
|
|
|
it('respects set order (undefined)', function() {
|
|
o.set('k', 1);
|
|
o.bindTo('k', o2);
|
|
expect(o.get('k')).to.be(undefined);
|
|
expect(o2.get('k')).to.be(undefined);
|
|
});
|
|
});
|
|
|
|
describe('setter', function() {
|
|
beforeEach(function() {
|
|
o.setX = function(x) {
|
|
this.set('x', x);
|
|
};
|
|
sinon.spy(o, 'setX');
|
|
});
|
|
|
|
describe('without bind', function() {
|
|
it('does not call the setter', function() {
|
|
o.set('x', 1);
|
|
expect(o.get('x')).to.eql(1);
|
|
expect(o.setX).to.not.be.called();
|
|
|
|
expect(o.getKeys()).to.eql(['x']);
|
|
});
|
|
});
|
|
|
|
describe('with bind', function() {
|
|
it('does call the setter', function() {
|
|
var o2 = new ol.Object();
|
|
o2.bindTo('x', o);
|
|
o2.set('x', 1);
|
|
expect(o.setX).to.be.called();
|
|
expect(o.get('x')).to.eql(1);
|
|
|
|
expect(o.getKeys()).to.eql(['x']);
|
|
expect(o2.getKeys()).to.eql(['x']);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('getter', function() {
|
|
beforeEach(function() {
|
|
o.getX = function() {
|
|
return 1;
|
|
};
|
|
sinon.spy(o, 'getX');
|
|
});
|
|
|
|
describe('without bind', function() {
|
|
it('does not call the getter', function() {
|
|
expect(o.get('x')).to.be(undefined);
|
|
expect(o.getX).to.not.be.called();
|
|
});
|
|
});
|
|
|
|
describe('with bind', function() {
|
|
it('does call the getter', function() {
|
|
var o2 = new ol.Object();
|
|
o2.bindTo('x', o);
|
|
expect(o2.get('x')).to.eql(1);
|
|
expect(o.getX).to.be.called();
|
|
|
|
expect(o.getKeys()).to.eql([]);
|
|
expect(o2.getKeys()).to.eql(['x']);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('bind self', function() {
|
|
it('throws an error', function() {
|
|
expect(function() { o.bindTo('k', o); }).to.throwException();
|
|
});
|
|
});
|
|
|
|
describe('create with options', function() {
|
|
it('sets the property', function() {
|
|
var o = new ol.Object({k: 1});
|
|
expect(o.get('k')).to.eql(1);
|
|
|
|
expect(o.getKeys()).to.eql(['k']);
|
|
});
|
|
});
|
|
|
|
describe('case sensitivity', function() {
|
|
var listener1, listener2;
|
|
|
|
beforeEach(function() {
|
|
listener1 = sinon.spy();
|
|
goog.events.listen(o, 'change:k', listener1);
|
|
listener2 = sinon.spy();
|
|
goog.events.listen(o, 'change:K', listener2);
|
|
});
|
|
|
|
it('dispatches the expected event', function() {
|
|
o.set('K', 1);
|
|
expect(listener1).to.not.be.called();
|
|
expect(listener2).to.be.called();
|
|
|
|
expect(o.getKeys()).to.eql(['K']);
|
|
});
|
|
});
|
|
|
|
describe('transforms', function() {
|
|
|
|
describe('original states and events', function() {
|
|
it('bindTo and transform emit propertychange events', function() {
|
|
var source = new ol.Object();
|
|
var target = new ol.Object();
|
|
source.set('x', 1);
|
|
target.set('x', 2);
|
|
var sourceSpy = sinon.spy();
|
|
var targetSpy = sinon.spy();
|
|
source.on('propertychange', sourceSpy);
|
|
target.on('propertychange', targetSpy);
|
|
var accessor = source.bindTo('x', target);
|
|
expect(sourceSpy.callCount).to.be(1);
|
|
expect(targetSpy.callCount).to.be(0);
|
|
expect(source.get('x')).to.be(2);
|
|
expect(target.get('x')).to.be(2);
|
|
accessor.transform(function(v) {
|
|
return v * 2;
|
|
}, function(v) {
|
|
return v / 2;
|
|
});
|
|
var call, args;
|
|
expect(sourceSpy.calledTwice).to.be(true);
|
|
call = sourceSpy.firstCall;
|
|
expect(call.args).to.have.length(1);
|
|
expect(call.args[0].key).to.be('x');
|
|
expect(call.args[0].oldValue).to.be(1);
|
|
call = sourceSpy.secondCall;
|
|
expect(call.args).to.have.length(1);
|
|
expect(call.args[0].key).to.be('x');
|
|
expect(call.args[0].oldValue).to.be(2);
|
|
expect(targetSpy.called).to.be(false);
|
|
expect(source.get('x')).to.be(1);
|
|
expect(target.get('x')).to.be(2);
|
|
});
|
|
});
|
|
|
|
describe('with multiple binds to a single property', function() {
|
|
|
|
var original, plusOne, asString;
|
|
|
|
beforeEach(function() {
|
|
original = new ol.Object();
|
|
original.set('x', 1);
|
|
plusOne = new ol.Object();
|
|
plusOne.bindTo('x', original).transform(
|
|
function(x) { return x - 1; },
|
|
function(x) { return x + 1; }
|
|
);
|
|
asString = new ol.Object();
|
|
asString.bindTo('x', original).transform(
|
|
function(x) { return +x; },
|
|
function(x) { return x + ''; }
|
|
);
|
|
});
|
|
|
|
it('returns the expected value', function() {
|
|
expect(original.get('x')).to.be(1);
|
|
expect(plusOne.get('x')).to.be(2);
|
|
expect(asString.get('x')).to.be('1');
|
|
});
|
|
|
|
it('allows the original value to be set correctly', function() {
|
|
original.set('x', 2);
|
|
expect(plusOne.get('x')).to.be(3);
|
|
expect(asString.get('x')).to.be('2');
|
|
});
|
|
|
|
it('allows the transformed values to be set correctly', function() {
|
|
plusOne.set('x', 3);
|
|
expect(original.get('x')).to.be(2);
|
|
expect(asString.get('x')).to.be('2');
|
|
asString.set('x', '3');
|
|
expect(original.get('x')).to.be(3);
|
|
expect(plusOne.get('x')).to.be(4);
|
|
});
|
|
|
|
});
|
|
|
|
describe('with transitive binds', function() {
|
|
|
|
var original, plusOne, plusOneAsString;
|
|
|
|
beforeEach(function() {
|
|
original = new ol.Object();
|
|
original.set('x', 1);
|
|
plusOne = new ol.Object();
|
|
plusOne.bindTo('x', original).transform(
|
|
function(x) { return x - 1; },
|
|
function(x) { return x + 1; }
|
|
);
|
|
plusOneAsString = new ol.Object();
|
|
plusOneAsString.bindTo('x', plusOne).transform(
|
|
parseFloat,
|
|
function(x) { return x + ''; }
|
|
);
|
|
});
|
|
|
|
it('returns the expected value', function() {
|
|
expect(original.get('x')).to.be(1);
|
|
expect(plusOne.get('x')).to.be(2);
|
|
expect(plusOneAsString.get('x')).to.be('2');
|
|
});
|
|
|
|
it('allows the original value to be set correctly', function() {
|
|
original.set('x', 2);
|
|
expect(plusOne.get('x')).to.be(3);
|
|
expect(plusOneAsString.get('x')).to.be('3');
|
|
});
|
|
|
|
it('allows the transformed values to be set correctly', function() {
|
|
plusOne.set('x', 3);
|
|
expect(original.get('x')).to.be(2);
|
|
expect(plusOneAsString.get('x')).to.be('3');
|
|
plusOneAsString.set('x', '4');
|
|
expect(original.get('x')).to.be(3);
|
|
expect(plusOne.get('x')).to.be(4);
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
goog.require('goog.events');
|
|
goog.require('ol.Object');
|
|
goog.require('ol.ObjectEventType');
|