Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

fix+perf($parse): allow watching array/object literal values, disable deep watch for one-way bindings #15301

Closed
jbedard wants to merge 4 commits into from
Closed

fix+perf($parse): allow watching array/object literal values, disable deep watch for one-way bindings #15301

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
c175619
fix($parse): allow watching array/object literal values
jbedard Oct 20, 2016
65ff861
perf($compile): update one-way bindings to no longer use deepWatch fo…
jbedard Oct 20, 2016
3d81cee
fixup! add tests verifying one-way watch does not use deep-equals
jbedard Jan 27, 2017
0706760
fixup! rename deepWatch variable
jbedard Jan 27, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fixup! add tests verifying one-way watch does not use deep-equals
  • Loading branch information
@jbedard
jbedard committed Jan 27, 2017
commit 3d81ceed381a78f771a148de742bf1e2413786a6
72 changes: 72 additions & 0 deletions test/ng/compileSpec.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4259,6 +4259,78 @@ describe('$compile', function() {
});


it('should trigger `$onChanges` for literal expressions when expression input value changes (simple value)', function() {
Copy link
Member

@gkalpak gkalpak Jan 27, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you also add tests verifying that $onChanges is not called when a property of the input value changes?

var log = [];
function TestController() { }
TestController.prototype.$onChanges = function(change) { log.push(change); };

angular.module('my', [])
.component('c1', {
controller: TestController,
bindings: { 'prop1': '<' }
});

module('my');
inject(function($compile, $rootScope) {
element = $compile('<c1 prop1="[val]"></c1>')($rootScope);

$rootScope.$apply('val = 1');
expect(log.pop()).toEqual({prop1: jasmine.objectContaining({previousValue: [undefined], currentValue: [1]})});

$rootScope.$apply('val = 2');
expect(log.pop()).toEqual({prop1: jasmine.objectContaining({previousValue: [1], currentValue: [2]})});
});
});


it('should trigger `$onChanges` for literal expressions when expression input value changes (complex value)', function() {
var log = [];
function TestController() { }
TestController.prototype.$onChanges = function(change) { log.push(change); };

angular.module('my', [])
.component('c1', {
controller: TestController,
bindings: { 'prop1': '<' }
});

module('my');
inject(function($compile, $rootScope) {
element = $compile('<c1 prop1="[val]"></c1>')($rootScope);

$rootScope.$apply('val = [1]');
expect(log.pop()).toEqual({prop1: jasmine.objectContaining({previousValue: [undefined], currentValue: [[1]]})});

$rootScope.$apply('val = [2]');
expect(log.pop()).toEqual({prop1: jasmine.objectContaining({previousValue: [[1]], currentValue: [[2]]})});
});
});


it('should trigger `$onChanges` for literal expressions when expression input value changes instances, even when equal', function() {
var log = [];
function TestController() { }
TestController.prototype.$onChanges = function(change) { log.push(change); };

angular.module('my', [])
.component('c1', {
controller: TestController,
bindings: { 'prop1': '<' }
});

module('my');
inject(function($compile, $rootScope) {
element = $compile('<c1 prop1="[val]"></c1>')($rootScope);

$rootScope.$apply('val = [1]');
expect(log.pop()).toEqual({prop1: jasmine.objectContaining({previousValue: [undefined], currentValue: [[1]]})});

$rootScope.$apply('val = [1]');
expect(log.pop()).toEqual({prop1: jasmine.objectContaining({previousValue: [[1]], currentValue: [[1]]})});
});
});


it('should pass the original value as `previousValue` even if there were multiple changes in a single digest', function() {
var log = [];
function TestController() { }
Expand Down