Adds new abstraction `Compiler` with methods `compileComponentAsync` and `compileComponentSync`. This is in preparation of deprecating `ComponentResolver`. `compileComponentSync` is able to compile components synchronously given all components either have an inline template or they have been compiled before. Also changes `TestComponentBuilder.createSync` to take a `Type` and use the new `compileComponentSync` method. Also supports overriding the component metadata even if the component has already been compiled. Also fixes #7084 in a better way. BREAKING CHANGE: `TestComponentBuilder.createSync` now takes a component type and throws if not all templates are either inlined are compiled before via `createAsync`. Closes #9594
		
			
				
	
	
		
			139 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			139 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
/**
 | 
						|
 * @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 {AnimationEntryMetadata, BaseException, Compiler, Injectable, Injector, Type, ViewMetadata, resolveForwardRef} from '@angular/core';
 | 
						|
 | 
						|
import {ViewResolver} from '../index';
 | 
						|
import {Map} from '../src/facade/collection';
 | 
						|
import {isArray, isBlank, isPresent, stringify} from '../src/facade/lang';
 | 
						|
 | 
						|
@Injectable()
 | 
						|
export class MockViewResolver extends ViewResolver {
 | 
						|
  /** @internal */
 | 
						|
  _views = new Map<Type, ViewMetadata>();
 | 
						|
  /** @internal */
 | 
						|
  _inlineTemplates = new Map<Type, string>();
 | 
						|
  /** @internal */
 | 
						|
  _animations = new Map<Type, AnimationEntryMetadata[]>();
 | 
						|
  /** @internal */
 | 
						|
  _directiveOverrides = new Map<Type, Map<Type, Type>>();
 | 
						|
 | 
						|
  constructor(private _injector: Injector) { super(); }
 | 
						|
 | 
						|
  private get _compiler(): Compiler { return this._injector.get(Compiler); }
 | 
						|
 | 
						|
  private _clearCacheFor(component: Type) { this._compiler.clearCacheFor(component); }
 | 
						|
 | 
						|
  /**
 | 
						|
   * Overrides the {@link ViewMetadata} for a component.
 | 
						|
   */
 | 
						|
  setView(component: Type, view: ViewMetadata): void {
 | 
						|
    this._views.set(component, view);
 | 
						|
    this._clearCacheFor(component);
 | 
						|
  }
 | 
						|
  /**
 | 
						|
   * Overrides the inline template for a component - other configuration remains unchanged.
 | 
						|
   */
 | 
						|
  setInlineTemplate(component: Type, template: string): void {
 | 
						|
    this._inlineTemplates.set(component, template);
 | 
						|
    this._clearCacheFor(component);
 | 
						|
  }
 | 
						|
 | 
						|
  setAnimations(component: Type, animations: AnimationEntryMetadata[]): void {
 | 
						|
    this._animations.set(component, animations);
 | 
						|
    this._clearCacheFor(component);
 | 
						|
  }
 | 
						|
 | 
						|
  /**
 | 
						|
   * Overrides a directive from the component {@link ViewMetadata}.
 | 
						|
   */
 | 
						|
  overrideViewDirective(component: Type, from: Type, to: Type): void {
 | 
						|
    var overrides = this._directiveOverrides.get(component);
 | 
						|
 | 
						|
    if (isBlank(overrides)) {
 | 
						|
      overrides = new Map<Type, Type>();
 | 
						|
      this._directiveOverrides.set(component, overrides);
 | 
						|
    }
 | 
						|
 | 
						|
    overrides.set(from, to);
 | 
						|
    this._clearCacheFor(component);
 | 
						|
  }
 | 
						|
 | 
						|
  /**
 | 
						|
   * Returns the {@link ViewMetadata} for a component:
 | 
						|
   * - Set the {@link ViewMetadata} to the overridden view when it exists or fallback to the default
 | 
						|
   * `ViewResolver`,
 | 
						|
   *   see `setView`.
 | 
						|
   * - Override the directives, see `overrideViewDirective`.
 | 
						|
   * - Override the @View definition, see `setInlineTemplate`.
 | 
						|
   */
 | 
						|
  resolve(component: Type): ViewMetadata {
 | 
						|
    var view = this._views.get(component);
 | 
						|
    if (isBlank(view)) {
 | 
						|
      view = super.resolve(component);
 | 
						|
    }
 | 
						|
 | 
						|
    var directives: any[] /** TODO #9100 */ = [];
 | 
						|
    if (isPresent(view.directives)) {
 | 
						|
      flattenArray(view.directives, directives);
 | 
						|
    }
 | 
						|
    var animations = view.animations;
 | 
						|
    var templateUrl = view.templateUrl;
 | 
						|
    var overrides = this._directiveOverrides.get(component);
 | 
						|
 | 
						|
    var inlineAnimations = this._animations.get(component);
 | 
						|
    if (isPresent(inlineAnimations)) {
 | 
						|
      animations = inlineAnimations;
 | 
						|
    }
 | 
						|
 | 
						|
    var inlineTemplate = this._inlineTemplates.get(component);
 | 
						|
    if (isPresent(inlineTemplate)) {
 | 
						|
      templateUrl = null;
 | 
						|
    } else {
 | 
						|
      inlineTemplate = view.template;
 | 
						|
    }
 | 
						|
 | 
						|
    if (isPresent(overrides) && isPresent(view.directives)) {
 | 
						|
      overrides.forEach((to, from) => {
 | 
						|
        var srcIndex = directives.indexOf(from);
 | 
						|
        if (srcIndex == -1) {
 | 
						|
          throw new BaseException(
 | 
						|
              `Overriden directive ${stringify(from)} not found in the template of ${stringify(component)}`);
 | 
						|
        }
 | 
						|
        directives[srcIndex] = to;
 | 
						|
      });
 | 
						|
    }
 | 
						|
 | 
						|
    view = new ViewMetadata({
 | 
						|
      template: inlineTemplate,
 | 
						|
      templateUrl: templateUrl,
 | 
						|
      directives: directives.length > 0 ? directives : null,
 | 
						|
      animations: animations,
 | 
						|
      styles: view.styles,
 | 
						|
      styleUrls: view.styleUrls,
 | 
						|
      pipes: view.pipes,
 | 
						|
      encapsulation: view.encapsulation,
 | 
						|
      interpolation: view.interpolation
 | 
						|
    });
 | 
						|
 | 
						|
    return view;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
function flattenArray(tree: any[], out: Array<Type|any[]>): void {
 | 
						|
  if (!isPresent(tree)) return;
 | 
						|
  for (var i = 0; i < tree.length; i++) {
 | 
						|
    var item = resolveForwardRef(tree[i]);
 | 
						|
    if (isArray(item)) {
 | 
						|
      flattenArray(item, out);
 | 
						|
    } else {
 | 
						|
      out.push(item);
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 |