fix(ivy): ensure renderer begin/end methods are only called during change detection (#28192)

In VE the renderer.begin() and renderer.end() methods are only called
when CD is called on an element. This patch ensures that Ivy does the
same thing.

Jira issue: FW-945

PR Close #28192
This commit is contained in:
Matias Niemelä 2019-01-16 12:22:10 -08:00 committed by Alex Rickabaugh
parent 1f7d3b9a57
commit 896cf35afb
4 changed files with 45 additions and 49 deletions

View File

@ -169,8 +169,6 @@ export class ComponentFactory<T> extends viewEngine_ComponentFactory<T> {
let component: T;
let tElementNode: TElementNode;
try {
if (rendererFactory.begin) rendererFactory.begin();
const componentView = createRootComponentView(
hostRNode, this.componentDef, rootLView, rendererFactory, renderer);
@ -216,7 +214,6 @@ export class ComponentFactory<T> extends viewEngine_ComponentFactory<T> {
refreshDescendantViews(rootLView);
} finally {
leaveView(oldLView);
if (rendererFactory.end) rendererFactory.end();
}
const componentRef = new ComponentRef(

View File

@ -395,12 +395,13 @@ function renderComponentOrTemplate<T>(
const rendererFactory = hostView[RENDERER_FACTORY];
const oldView = enterView(hostView, hostView[HOST_NODE]);
const normalExecutionPath = !getCheckNoChangesMode();
const creationModeIsActive = isCreationMode(hostView);
try {
if (normalExecutionPath && rendererFactory.begin) {
if (normalExecutionPath && !creationModeIsActive && rendererFactory.begin) {
rendererFactory.begin();
}
if (isCreationMode(hostView)) {
if (creationModeIsActive) {
// creation mode pass
if (templateFn) {
namespaceHTML();
@ -415,7 +416,7 @@ function renderComponentOrTemplate<T>(
templateFn && templateFn(RenderFlags.Update, context !);
refreshDescendantViews(hostView);
} finally {
if (normalExecutionPath && rendererFactory.end) {
if (normalExecutionPath && !creationModeIsActive && rendererFactory.end) {
rendererFactory.end();
}
leaveView(oldView);

View File

@ -803,9 +803,7 @@ import {HostListener} from '../../src/metadata/directives';
expect(player.element.style.height).toEqual('444px');
});
fixmeIvy(
'FW-945 - Ivy createComponent calls CD while VE waits for CD to be explicitly called')
.it('should find newly inserted items in the component via :enter', () => {
it('should find newly inserted items in the component via :enter', () => {
@Component({
selector: 'ani-cmp',
template: `

View File

@ -105,7 +105,7 @@ describe('renderer factory lifecycle', () => {
it('should work with a template', () => {
renderToHtml(Template, {}, 1, 0, null, null, rendererFactory);
expect(logs).toEqual(['create', 'begin', 'function create', 'function update', 'end']);
expect(logs).toEqual(['create', 'function create', 'function update']);
logs = [];
renderToHtml(Template, {});
@ -115,8 +115,8 @@ describe('renderer factory lifecycle', () => {
it('should work with a template which contains a component', () => {
renderToHtml(TemplateWithComponent, {}, 2, 0, directives, null, rendererFactory);
expect(logs).toEqual([
'create', 'begin', 'function_with_component create', 'create', 'component create',
'function_with_component update', 'component update', 'end'
'create', 'function_with_component create', 'create', 'component create',
'function_with_component update', 'component update'
]);
logs = [];