});
},
+ ifChanged: function(context, action, documentChangedHandler, documentUnchangedHandler) {
+ var hasChanged = false,
+ changeMonitor = function() {
+ hasChanged = true;
+ };
+
+ this.on('change', changeMonitor);
+ action.call(context);
+ this.off('change', changeMonitor);
+
+ if(hasChanged) {
+ if(documentChangedHandler) {
+ documentChangedHandler.call(context);
+ }
+ } else {
+ if(documentUnchangedHandler) {
+ documentUnchangedHandler.call(context);
+ }
+ }
+ },
+
transform: function(Transformation, args) {
var toret, transformation;
}
if(transformation) {
this._transformationLevel++;
- toret = transformation.run({beUndoable:this._transformationLevel === 1});
- if(this._transformationLevel === 1 && !this._undoInProgress) {
- if(this._transactionInProgress) {
- this._transactionStack.push(transformation);
- } else {
- this.undoStack.push(transformation);
+
+ this.ifChanged(
+ this,
+ function() {
+ toret = transformation.run({beUndoable:this._transformationLevel === 1});
+ },
+ function() {
+ if(this._transformationLevel === 1 && !this._undoInProgress) {
+ if(this._transactionInProgress) {
+ this._transactionStack.push(transformation);
+ } else {
+ this.undoStack.push(transformation);
+ }
+ }
+ if(!this._undoInProgress && this._transformationLevel === 1) {
+ this.redoStack = [];
+ }
}
- }
- if(!this._undoInProgress && this._transformationLevel === 1) {
- this.redoStack = [];
- }
+ );
+
this._transformationLevel--;
return toret;
} else {
var sampleMethod = function(val) {
this._$.attr('x', val);
+ this.triggerChangeEvent();
};
var transformations = {
doc.registerExtension({elementNode: {transformations: {
nested: function(v) {
this._$.attr('innerAttr', v);
+ this.triggerChangeEvent();
},
outer: function(v) {
this.nested(v);
this._$.attr('outerAttr', v);
+ this.triggerChangeEvent();
}
}}});
});
+ it('ignores transformation if document didn\'t emit change event', function() {
+ var doc = getDocumentFromXML('<div></div>');
+
+ doc.registerExtension({elementNode: {transformations: {
+ test: function() {
+ // empty
+ }
+ }}});
+
+ doc.root.test();
+ expect(doc.undoStack.length).to.equal(0);
+
+ });
+
describe('Transactions', function() {
it('allows to undo/redo series of transformations at once', function() {
var doc = getDocumentFromXML('<div></div>');
elementNode: {transformations: {
unaware: function(v) {
this.setAttr('unware', v);
+ this.triggerChangeEvent();
},
smart: {
impl: function(t, v) {
t.oldVal = this.getAttr('smart');
this.setAttr('smart', v);
+ this.triggerChangeEvent();
},
undo: function(t) {
this.setAttr('smart', t.oldVal);
+ this.triggerChangeEvent();
}
}
}}