From 7db7ce016d81eeb4a9f7e4967f29068523592dc0 Mon Sep 17 00:00:00 2001
From: matanl <matanl@google.com>
Date: Thu, 9 Aug 2018 12:55:25 -0700
Subject: [PATCH] chore(Test): Add more golden file testing around `@deferred`.

Trying to get more context around the following bugs:
* https://github.com/dart-lang/angular/issues/1539
* https://github.com/dart-lang/angular/issues/1540

PiperOrigin-RevId: 208096491
---
 .../_files/deferred/container_component.dart  |  34 +-
 .../container_component.template.golden       | 262 +++++++++++++--
 .../_files/deferred/deferred_component.dart   |  28 +-
 .../deferred_component.outline.golden         |  40 ++-
 .../deferred_component.template.golden        | 306 ++++++++++++++++--
 5 files changed, 595 insertions(+), 75 deletions(-)

diff --git a/_goldens/test/_files/deferred/container_component.dart b/_goldens/test/_files/deferred/container_component.dart
index a73603c811..fc9d504526 100644
--- a/_goldens/test/_files/deferred/container_component.dart
+++ b/_goldens/test/_files/deferred/container_component.dart
@@ -5,10 +5,34 @@ import 'deferred_component.dart';
 
 @Component(
   selector: 'test-container',
-  template: r''''
-      <deferred-component @deferred>Foo</deferred-component>
-      <sample-component @deferred></sample-component>
+  template: r'''
+    <deferred-child-1 @deferred></deferred-child-1>
+    <template [ngIf]="showDeferredChild">
+      <deferred-child-2 @deferred></deferred-child-2>
+    </template>
+    <div *ngIf="showDeferredChild">
+      <deferred-child-3 @deferred #queryMe></deferred-child-3>
+    </div>
+    <deferred-child-without-ng-content @deferred>
+      Hello World
+    </deferred-child-without-ng-content>
+    <deferred-child-with-ng-content @deferred>
+      Hello World
+    </deferred-child-with-ng-content>
   ''',
-  directives: [DeferredChildComponent, SampleComponent],
+  directives: [
+    DeferredChild1Component,
+    DeferredChild2Component,
+    DeferredChild3Component,
+    DeferredChildComponentWithoutNgContent,
+    DeferredChildComponentWithNgContent,
+    NgIf,
+    SampleComponent,
+  ],
 )
-class TestContainerComponent {}
+class TestContainerComponent {
+  bool showDeferredChild = true;
+
+  @ViewChild('queryMe')
+  DeferredChild3Component queryDeferredChild;
+}
diff --git a/_goldens/test/_files/deferred/container_component.template.golden b/_goldens/test/_files/deferred/container_component.template.golden
index e283f658a1..9fdbb75e31 100644
--- a/_goldens/test/_files/deferred/container_component.template.golden
+++ b/_goldens/test/_files/deferred/container_component.template.golden
@@ -13,54 +13,94 @@ import 'package:angular/angular.template.dart' as _ref0;
 import 'package:angular/src/core/linker/app_view.dart';
 import 'container_component.dart' as import1;
 import 'package:angular/src/core/linker/view_container.dart';
+import 'package:angular/src/common/directives/ng_if.dart';
 import 'package:angular/src/core/render/api.dart';
-import 'package:angular/src/core/linker/view_type.dart' as import4;
+import 'package:angular/src/core/linker/view_type.dart' as import5;
 import 'package:angular/src/core/change_detection/change_detection.dart';
-import 'dart:html' as import6;
-import 'package:angular/src/core/linker/app_view_utils.dart' as import7;
-import 'package:angular/src/runtime.dart' as import8;
+import 'dart:html' as import7;
+import 'package:angular/src/core/linker/app_view_utils.dart' as import8;
+import 'package:angular/src/runtime.dart' as import9;
 import 'package:angular/angular.dart';
 import 'package:angular/src/core/linker/template_ref.dart';
 import 'deferred_component.template.dart' deferred as deflib1;
 import 'deferred_component.dart' deferred as deflib0;
-import 'package:_goldens/component.template.dart' deferred as deflib3;
-import 'package:_goldens/component.dart' deferred as deflib2;
 
 final List<dynamic> styles$TestContainerComponent = const [];
 
 class ViewTestContainerComponent0 extends AppView<import1.TestContainerComponent> {
+  ViewContainer _appEl_0;
   ViewContainer _appEl_1;
+  NgIf _NgIf_1_9;
   ViewContainer _appEl_2;
+  bool _query_queryMe_1_0_isDirty = true;
+  NgIf _NgIf_2_9;
+  ViewContainer _appEl_3;
+  ViewContainer _appEl_4;
   static RenderComponentType _renderType;
-  ViewTestContainerComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
-    rootEl = import6.document.createElement('test-container');
-    _renderType ??= import7.appViewUtils.createRenderType((import8.isDevMode ? 'asset:_goldens/test/_files/deferred/container_component.dart' : null), ViewEncapsulation.None, styles$TestContainerComponent);
+  ViewTestContainerComponent0(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    rootEl = import7.document.createElement('test-container');
+    _renderType ??= import8.appViewUtils.createRenderType((import9.isDevMode ? 'asset:_goldens/test/_files/deferred/container_component.dart' : null), ViewEncapsulation.None, styles$TestContainerComponent);
     setupComponentType(_renderType);
   }
   @override
   ComponentRef<import1.TestContainerComponent> build() {
     final _rootEl = rootEl;
-    final import6.HtmlElement parentRenderNode = initViewRoot(_rootEl);
-    import6.Text _text_0 = import6.Text('\'');
-    parentRenderNode.append(_text_0);
+    final import7.HtmlElement parentRenderNode = initViewRoot(_rootEl);
+    final _anchor_0 = createViewContainerAnchor();
+    parentRenderNode.append(_anchor_0);
+    _appEl_0 = ViewContainer(0, null, this, _anchor_0);
+    TemplateRef _TemplateRef_0_7 = TemplateRef(_appEl_0, viewFactory_TestContainerComponent1);
+    loadDeferred(deflib0.loadLibrary, deflib1.loadLibrary, _appEl_0, _TemplateRef_0_7);
     final _anchor_1 = createViewContainerAnchor();
     parentRenderNode.append(_anchor_1);
     _appEl_1 = ViewContainer(1, null, this, _anchor_1);
-    TemplateRef _TemplateRef_1_7 = TemplateRef(_appEl_1, viewFactory_TestContainerComponent1);
-    loadDeferred(deflib0.loadLibrary, deflib1.loadLibrary, _appEl_1, _TemplateRef_1_7);
+    TemplateRef _TemplateRef_1_8 = TemplateRef(_appEl_1, viewFactory_TestContainerComponent2);
+    _NgIf_1_9 = NgIf(_appEl_1, _TemplateRef_1_8);
     final _anchor_2 = createViewContainerAnchor();
     parentRenderNode.append(_anchor_2);
     _appEl_2 = ViewContainer(2, null, this, _anchor_2);
-    TemplateRef _TemplateRef_2_7 = TemplateRef(_appEl_2, viewFactory_TestContainerComponent2);
-    loadDeferred(deflib2.loadLibrary, deflib3.loadLibrary, _appEl_2, _TemplateRef_2_7);
+    TemplateRef _TemplateRef_2_8 = TemplateRef(_appEl_2, viewFactory_TestContainerComponent4);
+    _NgIf_2_9 = NgIf(_appEl_2, _TemplateRef_2_8);
+    final _anchor_3 = createViewContainerAnchor();
+    parentRenderNode.append(_anchor_3);
+    _appEl_3 = ViewContainer(3, null, this, _anchor_3);
+    TemplateRef _TemplateRef_3_7 = TemplateRef(_appEl_3, viewFactory_TestContainerComponent6);
+    loadDeferred(deflib0.loadLibrary, deflib1.loadLibrary, _appEl_3, _TemplateRef_3_7);
+    final _anchor_4 = createViewContainerAnchor();
+    parentRenderNode.append(_anchor_4);
+    _appEl_4 = ViewContainer(4, null, this, _anchor_4);
+    TemplateRef _TemplateRef_4_7 = TemplateRef(_appEl_4, viewFactory_TestContainerComponent7);
+    loadDeferred(deflib0.loadLibrary, deflib1.loadLibrary, _appEl_4, _TemplateRef_4_7);
     init(const [], null);
     return null;
   }
 
   @override
   void detectChangesInternal() {
+    final import1.TestContainerComponent _ctx = ctx;
+    _NgIf_1_9.ngIf = _ctx.showDeferredChild;
+    _NgIf_2_9.ngIf = _ctx.showDeferredChild;
     _appEl_1.detectChangesInNestedViews();
     _appEl_2.detectChangesInNestedViews();
+    if (!import8.AppViewUtils.throwOnChanges) {
+      if (_query_queryMe_1_0_isDirty) {
+        ctx.queryDeferredChild = import8.firstOrNull(_appEl_2.mapNestedViews((_ViewTestContainerComponent4 nestedView) {
+          return nestedView._appEl_1.mapNestedViews((_ViewTestContainerComponent5 nestedView) {
+            return [nestedView._DeferredChild3Component_0_5];
+          });
+        }));
+        _query_queryMe_1_0_isDirty = false;
+      }
+    }
+    _appEl_0.detectChangesInNestedViews();
+    _appEl_3.detectChangesInNestedViews();
+    _appEl_4.detectChangesInNestedViews();
+  }
+
+  @override
+  void destroyInternal() {
+    _appEl_1?.destroyNestedViews();
+    _appEl_2?.destroyNestedViews();
   }
 }
 
@@ -69,19 +109,18 @@ AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent0(AppV
 }
 
 class _ViewTestContainerComponent1 extends AppView<import1.TestContainerComponent> {
-  import6.Element _el_0;
+  import7.Element _el_0;
   AppView _compView_0;
-  dynamic _DeferredChildComponent_0_5;
-  _ViewTestContainerComponent1(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+  dynamic _DeferredChild1Component_0_5;
+  _ViewTestContainerComponent1(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     componentType = ViewTestContainerComponent0._renderType;
   }
   @override
   ComponentRef<import1.TestContainerComponent> build() {
-    _compView_0 = deflib1.viewFactory_DeferredChildComponent0(this, 0);
+    _compView_0 = deflib1.viewFactory_DeferredChild1Component0(this, 0);
     _el_0 = _compView_0.rootEl;
-    _DeferredChildComponent_0_5 = deflib0.DeferredChildComponent();
-    import6.Text _text_1 = import6.Text('Foo');
-    _compView_0.create(_DeferredChildComponent_0_5, []);
+    _DeferredChild1Component_0_5 = deflib0.DeferredChild1Component();
+    _compView_0.create(_DeferredChild1Component_0_5, []);
     init0(_el_0);
     return null;
   }
@@ -102,18 +141,43 @@ AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent1(AppV
 }
 
 class _ViewTestContainerComponent2 extends AppView<import1.TestContainerComponent> {
-  import6.Element _el_0;
+  ViewContainer _appEl_0;
+  _ViewTestContainerComponent2(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    componentType = ViewTestContainerComponent0._renderType;
+  }
+  @override
+  ComponentRef<import1.TestContainerComponent> build() {
+    final _anchor_0 = createViewContainerAnchor();
+    _appEl_0 = ViewContainer(0, null, this, _anchor_0);
+    TemplateRef _TemplateRef_0_7 = TemplateRef(_appEl_0, viewFactory_TestContainerComponent3);
+    loadDeferred(deflib0.loadLibrary, deflib1.loadLibrary, _appEl_0, _TemplateRef_0_7);
+    init0(_anchor_0);
+    return null;
+  }
+
+  @override
+  void detectChangesInternal() {
+    _appEl_0.detectChangesInNestedViews();
+  }
+}
+
+AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent2(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewTestContainerComponent2(parentView, parentIndex);
+}
+
+class _ViewTestContainerComponent3 extends AppView<import1.TestContainerComponent> {
+  import7.Element _el_0;
   AppView _compView_0;
-  dynamic _SampleComponent_0_5;
-  _ViewTestContainerComponent2(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+  dynamic _DeferredChild2Component_0_5;
+  _ViewTestContainerComponent3(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     componentType = ViewTestContainerComponent0._renderType;
   }
   @override
   ComponentRef<import1.TestContainerComponent> build() {
-    _compView_0 = deflib3.viewFactory_SampleComponent0(this, 0);
+    _compView_0 = deflib1.viewFactory_DeferredChild2Component0(this, 0);
     _el_0 = _compView_0.rootEl;
-    _SampleComponent_0_5 = deflib2.SampleComponent();
-    _compView_0.create(_SampleComponent_0_5, []);
+    _DeferredChild2Component_0_5 = deflib0.DeferredChild2Component();
+    _compView_0.create(_DeferredChild2Component_0_5, []);
     init0(_el_0);
     return null;
   }
@@ -129,8 +193,142 @@ class _ViewTestContainerComponent2 extends AppView<import1.TestContainerComponen
   }
 }
 
-AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent2(AppView<dynamic> parentView, int parentIndex) {
-  return _ViewTestContainerComponent2(parentView, parentIndex);
+AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent3(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewTestContainerComponent3(parentView, parentIndex);
+}
+
+class _ViewTestContainerComponent4 extends AppView<import1.TestContainerComponent> {
+  import7.DivElement _el_0;
+  ViewContainer _appEl_1;
+  _ViewTestContainerComponent4(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    componentType = ViewTestContainerComponent0._renderType;
+  }
+  @override
+  ComponentRef<import1.TestContainerComponent> build() {
+    var doc = import7.document;
+    _el_0 = doc.createElement('div');
+    final _anchor_1 = createViewContainerAnchor();
+    _el_0.append(_anchor_1);
+    _appEl_1 = ViewContainer(1, 0, this, _anchor_1);
+    TemplateRef _TemplateRef_1_7 = TemplateRef(_appEl_1, viewFactory_TestContainerComponent5);
+    loadDeferred(deflib0.loadLibrary, deflib1.loadLibrary, _appEl_1, _TemplateRef_1_7);
+    init0(_el_0);
+    return null;
+  }
+
+  @override
+  void detectChangesInternal() {
+    _appEl_1.detectChangesInNestedViews();
+  }
+}
+
+AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent4(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewTestContainerComponent4(parentView, parentIndex);
+}
+
+class _ViewTestContainerComponent5 extends AppView<import1.TestContainerComponent> {
+  import7.Element _el_0;
+  AppView _compView_0;
+  dynamic _DeferredChild3Component_0_5;
+  _ViewTestContainerComponent5(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    componentType = ViewTestContainerComponent0._renderType;
+  }
+  @override
+  ComponentRef<import1.TestContainerComponent> build() {
+    _compView_0 = deflib1.viewFactory_DeferredChild3Component0(this, 0);
+    _el_0 = _compView_0.rootEl;
+    _DeferredChild3Component_0_5 = deflib0.DeferredChild3Component();
+    _compView_0.create(_DeferredChild3Component_0_5, []);
+    init0(_el_0);
+    return null;
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void dirtyParentQueriesInternal() {
+    import9.unsafeCast<ViewTestContainerComponent0>(parentView.parentView)._query_queryMe_1_0_isDirty = true;
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent5(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewTestContainerComponent5(parentView, parentIndex);
+}
+
+class _ViewTestContainerComponent6 extends AppView<import1.TestContainerComponent> {
+  import7.Element _el_0;
+  AppView _compView_0;
+  dynamic _DeferredChildComponentWithoutNgContent_0_5;
+  _ViewTestContainerComponent6(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    componentType = ViewTestContainerComponent0._renderType;
+  }
+  @override
+  ComponentRef<import1.TestContainerComponent> build() {
+    _compView_0 = deflib1.viewFactory_DeferredChildComponentWithoutNgContent0(this, 0);
+    _el_0 = _compView_0.rootEl;
+    _DeferredChildComponentWithoutNgContent_0_5 = deflib0.DeferredChildComponentWithoutNgContent();
+    import7.Text _text_1 = import7.Text('Hello World');
+    _compView_0.create(_DeferredChildComponentWithoutNgContent_0_5, []);
+    init0(_el_0);
+    return null;
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent6(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewTestContainerComponent6(parentView, parentIndex);
+}
+
+class _ViewTestContainerComponent7 extends AppView<import1.TestContainerComponent> {
+  import7.Element _el_0;
+  AppView _compView_0;
+  dynamic _DeferredChildComponentWithNgContent_0_5;
+  _ViewTestContainerComponent7(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.embedded, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    componentType = ViewTestContainerComponent0._renderType;
+  }
+  @override
+  ComponentRef<import1.TestContainerComponent> build() {
+    _compView_0 = deflib1.viewFactory_DeferredChildComponentWithNgContent0(this, 0);
+    _el_0 = _compView_0.rootEl;
+    _DeferredChildComponentWithNgContent_0_5 = deflib0.DeferredChildComponentWithNgContent();
+    import7.Text _text_1 = import7.Text('Hello World');
+    _compView_0.create(_DeferredChildComponentWithNgContent_0_5, [
+      [_text_1]
+    ]);
+    init0(_el_0);
+    return null;
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.TestContainerComponent> viewFactory_TestContainerComponent7(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewTestContainerComponent7(parentView, parentIndex);
 }
 
 final List<dynamic> styles$TestContainerComponentHost = const [];
@@ -138,7 +336,7 @@ final List<dynamic> styles$TestContainerComponentHost = const [];
 class _ViewTestContainerComponentHost0 extends AppView<import1.TestContainerComponent> {
   ViewTestContainerComponent0 _compView_0;
   import1.TestContainerComponent _TestContainerComponent_0_5;
-  _ViewTestContainerComponentHost0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
+  _ViewTestContainerComponentHost0(AppView<dynamic> parentView, int parentIndex) : super(import5.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
   @override
   ComponentRef<import1.TestContainerComponent> build() {
     _compView_0 = ViewTestContainerComponent0(this, 0);
diff --git a/_goldens/test/_files/deferred/deferred_component.dart b/_goldens/test/_files/deferred/deferred_component.dart
index 4f82f7616b..1207f623d5 100644
--- a/_goldens/test/_files/deferred/deferred_component.dart
+++ b/_goldens/test/_files/deferred/deferred_component.dart
@@ -1,7 +1,31 @@
 import 'package:angular/angular.dart';
 
 @Component(
-  selector: 'deferred-component',
+  selector: 'deferred-child-1',
+  template: 'Deferred Child 1',
+)
+class DeferredChild1Component {}
+
+@Component(
+  selector: 'deferred-child-2',
+  template: 'Deferred Child 2',
+)
+class DeferredChild2Component {}
+
+@Component(
+  selector: 'deferred-child-3',
+  template: 'Deferred Child 3',
+)
+class DeferredChild3Component {}
+
+@Component(
+  selector: 'deferred-child-without-ng-content',
   template: '<div>Child</div>',
 )
-class DeferredChildComponent {}
+class DeferredChildComponentWithoutNgContent {}
+
+@Component(
+  selector: 'deferred-child-with-ng-content',
+  template: '<div><ng-content></ng-content></div>',
+)
+class DeferredChildComponentWithNgContent {}
diff --git a/_goldens/test/_files/deferred/deferred_component.outline.golden b/_goldens/test/_files/deferred/deferred_component.outline.golden
index df630c956e..be823922fd 100644
--- a/_goldens/test/_files/deferred/deferred_component.outline.golden
+++ b/_goldens/test/_files/deferred/deferred_component.outline.golden
@@ -13,12 +13,40 @@ import 'deferred_component.dart' as _user;
 
 // Required for "type inference" (scoping).
 
-// For @Component class DeferredChildComponent.
-external List<dynamic> get styles$DeferredChildComponent;
-external ComponentFactory<_user.DeferredChildComponent> get DeferredChildComponentNgFactory;
-external AppView<_user.DeferredChildComponent> viewFactory_DeferredChildComponent0(AppView<dynamic> parentView, int parentIndex);
-class ViewDeferredChildComponent0 extends AppView<_user.DeferredChildComponent> {
-  external ViewDeferredChildComponent0(AppView<dynamic> parentView, int parentIndex);
+// For @Component class DeferredChild1Component.
+external List<dynamic> get styles$DeferredChild1Component;
+external ComponentFactory<_user.DeferredChild1Component> get DeferredChild1ComponentNgFactory;
+external AppView<_user.DeferredChild1Component> viewFactory_DeferredChild1Component0(AppView<dynamic> parentView, int parentIndex);
+class ViewDeferredChild1Component0 extends AppView<_user.DeferredChild1Component> {
+  external ViewDeferredChild1Component0(AppView<dynamic> parentView, int parentIndex);
+}
+// For @Component class DeferredChild2Component.
+external List<dynamic> get styles$DeferredChild2Component;
+external ComponentFactory<_user.DeferredChild2Component> get DeferredChild2ComponentNgFactory;
+external AppView<_user.DeferredChild2Component> viewFactory_DeferredChild2Component0(AppView<dynamic> parentView, int parentIndex);
+class ViewDeferredChild2Component0 extends AppView<_user.DeferredChild2Component> {
+  external ViewDeferredChild2Component0(AppView<dynamic> parentView, int parentIndex);
+}
+// For @Component class DeferredChild3Component.
+external List<dynamic> get styles$DeferredChild3Component;
+external ComponentFactory<_user.DeferredChild3Component> get DeferredChild3ComponentNgFactory;
+external AppView<_user.DeferredChild3Component> viewFactory_DeferredChild3Component0(AppView<dynamic> parentView, int parentIndex);
+class ViewDeferredChild3Component0 extends AppView<_user.DeferredChild3Component> {
+  external ViewDeferredChild3Component0(AppView<dynamic> parentView, int parentIndex);
+}
+// For @Component class DeferredChildComponentWithoutNgContent.
+external List<dynamic> get styles$DeferredChildComponentWithoutNgContent;
+external ComponentFactory<_user.DeferredChildComponentWithoutNgContent> get DeferredChildComponentWithoutNgContentNgFactory;
+external AppView<_user.DeferredChildComponentWithoutNgContent> viewFactory_DeferredChildComponentWithoutNgContent0(AppView<dynamic> parentView, int parentIndex);
+class ViewDeferredChildComponentWithoutNgContent0 extends AppView<_user.DeferredChildComponentWithoutNgContent> {
+  external ViewDeferredChildComponentWithoutNgContent0(AppView<dynamic> parentView, int parentIndex);
+}
+// For @Component class DeferredChildComponentWithNgContent.
+external List<dynamic> get styles$DeferredChildComponentWithNgContent;
+external ComponentFactory<_user.DeferredChildComponentWithNgContent> get DeferredChildComponentWithNgContentNgFactory;
+external AppView<_user.DeferredChildComponentWithNgContent> viewFactory_DeferredChildComponentWithNgContent0(AppView<dynamic> parentView, int parentIndex);
+class ViewDeferredChildComponentWithNgContent0 extends AppView<_user.DeferredChildComponentWithNgContent> {
+  external ViewDeferredChildComponentWithNgContent0(AppView<dynamic> parentView, int parentIndex);
 }
 
 external void initReflector();
diff --git a/_goldens/test/_files/deferred/deferred_component.template.golden b/_goldens/test/_files/deferred/deferred_component.template.golden
index 733946e303..75de743584 100644
--- a/_goldens/test/_files/deferred/deferred_component.template.golden
+++ b/_goldens/test/_files/deferred/deferred_component.template.golden
@@ -10,55 +10,297 @@ import 'package:angular/src/di/reflector.dart' as _ngRef;
 import 'package:angular/angular.template.dart' as _ref0;
 import 'package:angular/src/core/linker/app_view.dart';
 import 'deferred_component.dart' as import1;
-import 'dart:html' as import2;
 import 'package:angular/src/core/render/api.dart';
-import 'package:angular/src/core/linker/view_type.dart' as import4;
+import 'package:angular/src/core/linker/view_type.dart' as import3;
 import 'package:angular/src/core/change_detection/change_detection.dart';
+import 'dart:html' as import5;
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
 import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 
-final List<dynamic> styles$DeferredChildComponent = const [];
+final List<dynamic> styles$DeferredChild1Component = const [];
 
-class ViewDeferredChildComponent0 extends AppView<import1.DeferredChildComponent> {
-  import2.DivElement _el_0;
+class ViewDeferredChild1Component0 extends AppView<import1.DeferredChild1Component> {
   static RenderComponentType _renderType;
-  ViewDeferredChildComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
-    rootEl = import2.document.createElement('deferred-component');
-    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChildComponent);
+  ViewDeferredChild1Component0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    rootEl = import5.document.createElement('deferred-child-1');
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChild1Component);
     setupComponentType(_renderType);
   }
   @override
-  ComponentRef<import1.DeferredChildComponent> build() {
+  ComponentRef<import1.DeferredChild1Component> build() {
     final _rootEl = rootEl;
-    final import2.HtmlElement parentRenderNode = initViewRoot(_rootEl);
-    var doc = import2.document;
+    final import5.HtmlElement parentRenderNode = initViewRoot(_rootEl);
+    import5.Text _text_0 = import5.Text('Deferred Child 1');
+    parentRenderNode.append(_text_0);
+    init(const [], null);
+    return null;
+  }
+}
+
+AppView<import1.DeferredChild1Component> viewFactory_DeferredChild1Component0(AppView<dynamic> parentView, int parentIndex) {
+  return ViewDeferredChild1Component0(parentView, parentIndex);
+}
+
+final List<dynamic> styles$DeferredChild1ComponentHost = const [];
+
+class _ViewDeferredChild1ComponentHost0 extends AppView<import1.DeferredChild1Component> {
+  ViewDeferredChild1Component0 _compView_0;
+  import1.DeferredChild1Component _DeferredChild1Component_0_5;
+  _ViewDeferredChild1ComponentHost0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
+  @override
+  ComponentRef<import1.DeferredChild1Component> build() {
+    _compView_0 = ViewDeferredChild1Component0(this, 0);
+    rootEl = _compView_0.rootEl;
+    _DeferredChild1Component_0_5 = import1.DeferredChild1Component();
+    _compView_0.create(_DeferredChild1Component_0_5, projectableNodes);
+    init0(rootEl);
+    return ComponentRef(0, this, rootEl, _DeferredChild1Component_0_5);
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.DeferredChild1Component> viewFactory_DeferredChild1ComponentHost0(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewDeferredChild1ComponentHost0(parentView, parentIndex);
+}
+
+const ComponentFactory<import1.DeferredChild1Component> _DeferredChild1ComponentNgFactory = const ComponentFactory('deferred-child-1', viewFactory_DeferredChild1ComponentHost0);
+ComponentFactory<import1.DeferredChild1Component> get DeferredChild1ComponentNgFactory {
+  return _DeferredChild1ComponentNgFactory;
+}
+
+final List<dynamic> styles$DeferredChild2Component = const [];
+
+class ViewDeferredChild2Component0 extends AppView<import1.DeferredChild2Component> {
+  static RenderComponentType _renderType;
+  ViewDeferredChild2Component0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    rootEl = import5.document.createElement('deferred-child-2');
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChild2Component);
+    setupComponentType(_renderType);
+  }
+  @override
+  ComponentRef<import1.DeferredChild2Component> build() {
+    final _rootEl = rootEl;
+    final import5.HtmlElement parentRenderNode = initViewRoot(_rootEl);
+    import5.Text _text_0 = import5.Text('Deferred Child 2');
+    parentRenderNode.append(_text_0);
+    init(const [], null);
+    return null;
+  }
+}
+
+AppView<import1.DeferredChild2Component> viewFactory_DeferredChild2Component0(AppView<dynamic> parentView, int parentIndex) {
+  return ViewDeferredChild2Component0(parentView, parentIndex);
+}
+
+final List<dynamic> styles$DeferredChild2ComponentHost = const [];
+
+class _ViewDeferredChild2ComponentHost0 extends AppView<import1.DeferredChild2Component> {
+  ViewDeferredChild2Component0 _compView_0;
+  import1.DeferredChild2Component _DeferredChild2Component_0_5;
+  _ViewDeferredChild2ComponentHost0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
+  @override
+  ComponentRef<import1.DeferredChild2Component> build() {
+    _compView_0 = ViewDeferredChild2Component0(this, 0);
+    rootEl = _compView_0.rootEl;
+    _DeferredChild2Component_0_5 = import1.DeferredChild2Component();
+    _compView_0.create(_DeferredChild2Component_0_5, projectableNodes);
+    init0(rootEl);
+    return ComponentRef(0, this, rootEl, _DeferredChild2Component_0_5);
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.DeferredChild2Component> viewFactory_DeferredChild2ComponentHost0(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewDeferredChild2ComponentHost0(parentView, parentIndex);
+}
+
+const ComponentFactory<import1.DeferredChild2Component> _DeferredChild2ComponentNgFactory = const ComponentFactory('deferred-child-2', viewFactory_DeferredChild2ComponentHost0);
+ComponentFactory<import1.DeferredChild2Component> get DeferredChild2ComponentNgFactory {
+  return _DeferredChild2ComponentNgFactory;
+}
+
+final List<dynamic> styles$DeferredChild3Component = const [];
+
+class ViewDeferredChild3Component0 extends AppView<import1.DeferredChild3Component> {
+  static RenderComponentType _renderType;
+  ViewDeferredChild3Component0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    rootEl = import5.document.createElement('deferred-child-3');
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChild3Component);
+    setupComponentType(_renderType);
+  }
+  @override
+  ComponentRef<import1.DeferredChild3Component> build() {
+    final _rootEl = rootEl;
+    final import5.HtmlElement parentRenderNode = initViewRoot(_rootEl);
+    import5.Text _text_0 = import5.Text('Deferred Child 3');
+    parentRenderNode.append(_text_0);
+    init(const [], null);
+    return null;
+  }
+}
+
+AppView<import1.DeferredChild3Component> viewFactory_DeferredChild3Component0(AppView<dynamic> parentView, int parentIndex) {
+  return ViewDeferredChild3Component0(parentView, parentIndex);
+}
+
+final List<dynamic> styles$DeferredChild3ComponentHost = const [];
+
+class _ViewDeferredChild3ComponentHost0 extends AppView<import1.DeferredChild3Component> {
+  ViewDeferredChild3Component0 _compView_0;
+  import1.DeferredChild3Component _DeferredChild3Component_0_5;
+  _ViewDeferredChild3ComponentHost0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
+  @override
+  ComponentRef<import1.DeferredChild3Component> build() {
+    _compView_0 = ViewDeferredChild3Component0(this, 0);
+    rootEl = _compView_0.rootEl;
+    _DeferredChild3Component_0_5 = import1.DeferredChild3Component();
+    _compView_0.create(_DeferredChild3Component_0_5, projectableNodes);
+    init0(rootEl);
+    return ComponentRef(0, this, rootEl, _DeferredChild3Component_0_5);
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.DeferredChild3Component> viewFactory_DeferredChild3ComponentHost0(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewDeferredChild3ComponentHost0(parentView, parentIndex);
+}
+
+const ComponentFactory<import1.DeferredChild3Component> _DeferredChild3ComponentNgFactory = const ComponentFactory('deferred-child-3', viewFactory_DeferredChild3ComponentHost0);
+ComponentFactory<import1.DeferredChild3Component> get DeferredChild3ComponentNgFactory {
+  return _DeferredChild3ComponentNgFactory;
+}
+
+final List<dynamic> styles$DeferredChildComponentWithoutNgContent = const [];
+
+class ViewDeferredChildComponentWithoutNgContent0 extends AppView<import1.DeferredChildComponentWithoutNgContent> {
+  import5.DivElement _el_0;
+  static RenderComponentType _renderType;
+  ViewDeferredChildComponentWithoutNgContent0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    rootEl = import5.document.createElement('deferred-child-without-ng-content');
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChildComponentWithoutNgContent);
+    setupComponentType(_renderType);
+  }
+  @override
+  ComponentRef<import1.DeferredChildComponentWithoutNgContent> build() {
+    final _rootEl = rootEl;
+    final import5.HtmlElement parentRenderNode = initViewRoot(_rootEl);
+    var doc = import5.document;
     _el_0 = createDivAndAppend(doc, parentRenderNode);
-    import2.Text _text_1 = import2.Text('Child');
+    import5.Text _text_1 = import5.Text('Child');
     _el_0.append(_text_1);
     init(const [], null);
     return null;
   }
 }
 
-AppView<import1.DeferredChildComponent> viewFactory_DeferredChildComponent0(AppView<dynamic> parentView, int parentIndex) {
-  return ViewDeferredChildComponent0(parentView, parentIndex);
+AppView<import1.DeferredChildComponentWithoutNgContent> viewFactory_DeferredChildComponentWithoutNgContent0(AppView<dynamic> parentView, int parentIndex) {
+  return ViewDeferredChildComponentWithoutNgContent0(parentView, parentIndex);
+}
+
+final List<dynamic> styles$DeferredChildComponentWithoutNgContentHost = const [];
+
+class _ViewDeferredChildComponentWithoutNgContentHost0 extends AppView<import1.DeferredChildComponentWithoutNgContent> {
+  ViewDeferredChildComponentWithoutNgContent0 _compView_0;
+  import1.DeferredChildComponentWithoutNgContent _DeferredChildComponentWithoutNgContent_0_5;
+  _ViewDeferredChildComponentWithoutNgContentHost0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
+  @override
+  ComponentRef<import1.DeferredChildComponentWithoutNgContent> build() {
+    _compView_0 = ViewDeferredChildComponentWithoutNgContent0(this, 0);
+    rootEl = _compView_0.rootEl;
+    _DeferredChildComponentWithoutNgContent_0_5 = import1.DeferredChildComponentWithoutNgContent();
+    _compView_0.create(_DeferredChildComponentWithoutNgContent_0_5, projectableNodes);
+    init0(rootEl);
+    return ComponentRef(0, this, rootEl, _DeferredChildComponentWithoutNgContent_0_5);
+  }
+
+  @override
+  void detectChangesInternal() {
+    _compView_0.detectChanges();
+  }
+
+  @override
+  void destroyInternal() {
+    _compView_0?.destroy();
+  }
+}
+
+AppView<import1.DeferredChildComponentWithoutNgContent> viewFactory_DeferredChildComponentWithoutNgContentHost0(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewDeferredChildComponentWithoutNgContentHost0(parentView, parentIndex);
+}
+
+const ComponentFactory<import1.DeferredChildComponentWithoutNgContent> _DeferredChildComponentWithoutNgContentNgFactory = const ComponentFactory('deferred-child-without-ng-content', viewFactory_DeferredChildComponentWithoutNgContentHost0);
+ComponentFactory<import1.DeferredChildComponentWithoutNgContent> get DeferredChildComponentWithoutNgContentNgFactory {
+  return _DeferredChildComponentWithoutNgContentNgFactory;
+}
+
+final List<dynamic> styles$DeferredChildComponentWithNgContent = const [];
+
+class ViewDeferredChildComponentWithNgContent0 extends AppView<import1.DeferredChildComponentWithNgContent> {
+  import5.DivElement _el_0;
+  static RenderComponentType _renderType;
+  ViewDeferredChildComponentWithNgContent0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
+    rootEl = import5.document.createElement('deferred-child-with-ng-content');
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChildComponentWithNgContent);
+    setupComponentType(_renderType);
+  }
+  @override
+  ComponentRef<import1.DeferredChildComponentWithNgContent> build() {
+    final _rootEl = rootEl;
+    final import5.HtmlElement parentRenderNode = initViewRoot(_rootEl);
+    var doc = import5.document;
+    _el_0 = createDivAndAppend(doc, parentRenderNode);
+    project(_el_0, 0);
+    init(const [], null);
+    return null;
+  }
+}
+
+AppView<import1.DeferredChildComponentWithNgContent> viewFactory_DeferredChildComponentWithNgContent0(AppView<dynamic> parentView, int parentIndex) {
+  return ViewDeferredChildComponentWithNgContent0(parentView, parentIndex);
 }
 
-final List<dynamic> styles$DeferredChildComponentHost = const [];
+final List<dynamic> styles$DeferredChildComponentWithNgContentHost = const [];
 
-class _ViewDeferredChildComponentHost0 extends AppView<import1.DeferredChildComponent> {
-  ViewDeferredChildComponent0 _compView_0;
-  import1.DeferredChildComponent _DeferredChildComponent_0_5;
-  _ViewDeferredChildComponentHost0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
+class _ViewDeferredChildComponentWithNgContentHost0 extends AppView<import1.DeferredChildComponentWithNgContent> {
+  ViewDeferredChildComponentWithNgContent0 _compView_0;
+  import1.DeferredChildComponentWithNgContent _DeferredChildComponentWithNgContent_0_5;
+  _ViewDeferredChildComponentWithNgContentHost0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.host, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways);
   @override
-  ComponentRef<import1.DeferredChildComponent> build() {
-    _compView_0 = ViewDeferredChildComponent0(this, 0);
+  ComponentRef<import1.DeferredChildComponentWithNgContent> build() {
+    _compView_0 = ViewDeferredChildComponentWithNgContent0(this, 0);
     rootEl = _compView_0.rootEl;
-    _DeferredChildComponent_0_5 = import1.DeferredChildComponent();
-    _compView_0.create(_DeferredChildComponent_0_5, projectableNodes);
+    _DeferredChildComponentWithNgContent_0_5 = import1.DeferredChildComponentWithNgContent();
+    _compView_0.create(_DeferredChildComponentWithNgContent_0_5, projectableNodes);
     init0(rootEl);
-    return ComponentRef(0, this, rootEl, _DeferredChildComponent_0_5);
+    return ComponentRef(0, this, rootEl, _DeferredChildComponentWithNgContent_0_5);
   }
 
   @override
@@ -72,13 +314,13 @@ class _ViewDeferredChildComponentHost0 extends AppView<import1.DeferredChildComp
   }
 }
 
-AppView<import1.DeferredChildComponent> viewFactory_DeferredChildComponentHost0(AppView<dynamic> parentView, int parentIndex) {
-  return _ViewDeferredChildComponentHost0(parentView, parentIndex);
+AppView<import1.DeferredChildComponentWithNgContent> viewFactory_DeferredChildComponentWithNgContentHost0(AppView<dynamic> parentView, int parentIndex) {
+  return _ViewDeferredChildComponentWithNgContentHost0(parentView, parentIndex);
 }
 
-const ComponentFactory<import1.DeferredChildComponent> _DeferredChildComponentNgFactory = const ComponentFactory('deferred-component', viewFactory_DeferredChildComponentHost0);
-ComponentFactory<import1.DeferredChildComponent> get DeferredChildComponentNgFactory {
-  return _DeferredChildComponentNgFactory;
+const ComponentFactory<import1.DeferredChildComponentWithNgContent> _DeferredChildComponentWithNgContentNgFactory = const ComponentFactory('deferred-child-with-ng-content', viewFactory_DeferredChildComponentWithNgContentHost0);
+ComponentFactory<import1.DeferredChildComponentWithNgContent> get DeferredChildComponentWithNgContentNgFactory {
+  return _DeferredChildComponentWithNgContentNgFactory;
 }
 
 var _visited = false;
@@ -88,6 +330,10 @@ void initReflector() {
   }
   _visited = true;
 
-  _ngRef.registerComponent(DeferredChildComponent, DeferredChildComponentNgFactory);
+  _ngRef.registerComponent(DeferredChild1Component, DeferredChild1ComponentNgFactory);
+  _ngRef.registerComponent(DeferredChild2Component, DeferredChild2ComponentNgFactory);
+  _ngRef.registerComponent(DeferredChild3Component, DeferredChild3ComponentNgFactory);
+  _ngRef.registerComponent(DeferredChildComponentWithoutNgContent, DeferredChildComponentWithoutNgContentNgFactory);
+  _ngRef.registerComponent(DeferredChildComponentWithNgContent, DeferredChildComponentWithNgContentNgFactory);
   _ref0.initReflector();
 }