feat(core): add pure expression support to view engine

Part of #14013

modules/@angular/core/test/view/helper.ts

@@ -7,6 +7,7 @@
  */
 
 import {RootRenderer} from '@angular/core';
+import {NodeUpdater, ViewData} from '@angular/core/src/view/index';
 import {TestBed} from '@angular/core/testing';
 import {getDOM} from '@angular/platform-browser/src/dom/dom_adapter';
 
@@ -34,3 +35,21 @@ export function setupAndCheckRenderer(config: {directDom: boolean}) {
     afterEach(() => { expect(rootRenderer.renderComponent).toHaveBeenCalled(); });
   }
 }
+
+export enum InlineDynamic {
+  Inline,
+  Dynamic
+}
+
+export const INLINE_DYNAMIC_VALUES = [InlineDynamic.Inline, InlineDynamic.Dynamic];
+
+export function callUpdater(
+    updater: NodeUpdater, inlineDynamic: InlineDynamic, view: ViewData, nodeIndex: number,
+    values: any[]): any {
+  switch (inlineDynamic) {
+    case InlineDynamic.Inline:
+      return (<any>updater.checkInline)(view, nodeIndex, ...values);
+    case InlineDynamic.Dynamic:
+      return updater.checkDynamic(view, nodeIndex, values);
+  }
+}

modules/@angular/core/test/view/pure_expression_spec.ts

@@ -0,0 +1,149 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {PipeTransform, RenderComponentType, RootRenderer, Sanitizer, SecurityContext, ViewEncapsulation} from '@angular/core';
+import {DefaultServices, NodeDef, NodeFlags, NodeUpdater, Services, ViewData, ViewDefinition, ViewFlags, ViewHandleEventFn, ViewUpdateFn, anchorDef, checkAndUpdateView, checkNoChangesView, createRootView, elementDef, providerDef, pureArrayDef, pureObjectDef, purePipeDef, rootRenderNodes, textDef, viewDef} from '@angular/core/src/view/index';
+import {inject} from '@angular/core/testing';
+
+import {INLINE_DYNAMIC_VALUES, InlineDynamic, callUpdater} from './helper';
+
+export function main() {
+  describe(`View Pure Expressions`, () => {
+    let services: Services;
+    let renderComponentType: RenderComponentType;
+
+    beforeEach(
+        inject([RootRenderer, Sanitizer], (rootRenderer: RootRenderer, sanitizer: Sanitizer) => {
+          services = new DefaultServices(rootRenderer, sanitizer);
+          renderComponentType =
+              new RenderComponentType('1', 'someUrl', 0, ViewEncapsulation.None, [], {});
+        }));
+
+    function compViewDef(
+        nodes: NodeDef[], update?: ViewUpdateFn, handleEvent?: ViewHandleEventFn): ViewDefinition {
+      return viewDef(ViewFlags.None, nodes, update, handleEvent, renderComponentType);
+    }
+
+    function createAndGetRootNodes(viewDef: ViewDefinition): {rootNodes: any[], view: ViewData} {
+      const view = createRootView(services, viewDef);
+      const rootNodes = rootRenderNodes(view);
+      return {rootNodes, view};
+    }
+
+    class Service {
+      data: any;
+    }
+
+    INLINE_DYNAMIC_VALUES.forEach((inlineDynamic) => {
+      it(`should support pure arrays in ${InlineDynamic[inlineDynamic]} bindings`, () => {
+        let values: any[];
+
+        const {view, rootNodes} = createAndGetRootNodes(compViewDef(
+            [
+              elementDef(NodeFlags.None, 2, 'span'), pureArrayDef(2),
+              providerDef(NodeFlags.None, Service, [], {data: [0, 'data']})
+            ],
+            (updater, view) => {
+              callUpdater(
+                  updater, inlineDynamic, view, 2,
+                  [callUpdater(updater, inlineDynamic, view, 1, values)]);
+            }));
+        const service = view.nodes[2].provider;
+
+        values = [1, 2];
+        checkAndUpdateView(view);
+        const arr0 = service.data;
+        expect(arr0).toEqual([1, 2]);
+
+        // instance should not change
+        // if the values don't change
+        checkAndUpdateView(view);
+        expect(service.data).toBe(arr0);
+
+        values = [3, 2];
+        checkAndUpdateView(view);
+        const arr1 = service.data;
+        expect(arr1).not.toBe(arr0);
+        expect(arr1).toEqual([3, 2]);
+      });
+    });
+
+    INLINE_DYNAMIC_VALUES.forEach((inlineDynamic) => {
+      it(`should support pure objects in ${InlineDynamic[inlineDynamic]} bindings`, () => {
+        let values: any[];
+
+        const {view, rootNodes} = createAndGetRootNodes(compViewDef(
+            [
+              elementDef(NodeFlags.None, 2, 'span'), pureObjectDef(['a', 'b']),
+              providerDef(NodeFlags.None, Service, [], {data: [0, 'data']})
+            ],
+            (updater, view) => {
+              callUpdater(
+                  updater, inlineDynamic, view, 2,
+                  [callUpdater(updater, inlineDynamic, view, 1, values)]);
+            }));
+        const service = view.nodes[2].provider;
+
+        values = [1, 2];
+        checkAndUpdateView(view);
+        const obj0 = service.data;
+        expect(obj0).toEqual({a: 1, b: 2});
+
+        // instance should not change
+        // if the values don't change
+        checkAndUpdateView(view);
+        expect(service.data).toBe(obj0);
+
+        values = [3, 2];
+        checkAndUpdateView(view);
+        const obj1 = service.data;
+        expect(obj1).not.toBe(obj0);
+        expect(obj1).toEqual({a: 3, b: 2});
+      });
+    });
+
+    INLINE_DYNAMIC_VALUES.forEach((inlineDynamic) => {
+      it(`should support pure pipes in ${InlineDynamic[inlineDynamic]} bindings`, () => {
+        class SomePipe implements PipeTransform {
+          transform(v1: any, v2: any) { return [v1 + 10, v2 + 20]; }
+        }
+
+        let values: any[];
+
+        const {view, rootNodes} = createAndGetRootNodes(compViewDef(
+            [
+              elementDef(NodeFlags.None, 3, 'span'), providerDef(NodeFlags.None, SomePipe, []),
+              purePipeDef(SomePipe, 2),
+              providerDef(NodeFlags.None, Service, [], {data: [0, 'data']})
+            ],
+            (updater, view) => {
+              callUpdater(
+                  updater, inlineDynamic, view, 3,
+                  [callUpdater(updater, inlineDynamic, view, 2, values)]);
+            }));
+        const service = view.nodes[3].provider;
+
+        values = [1, 2];
+        checkAndUpdateView(view);
+        const obj0 = service.data;
+        expect(obj0).toEqual([11, 22]);
+
+        // instance should not change
+        // if the values don't change
+        checkAndUpdateView(view);
+        expect(service.data).toBe(obj0);
+
+        values = [3, 2];
+        checkAndUpdateView(view);
+        const obj1 = service.data;
+        expect(obj1).not.toBe(obj0);
+        expect(obj1).toEqual([13, 22]);
+      });
+    });
+  });
+}