fix(ivy): element injector on the host of a component should see viewProviders of that component (#27928)

PR Close #27928

packages/core/src/render3/di.ts

@@ -60,7 +60,7 @@ import {findComponentView, getParentInjectorIndex, getParentInjectorView, hasPar
  *
  * ```
  */
-let includeViewProviders = false;
+let includeViewProviders = true;
 
 function setIncludeViewProviders(v: boolean): boolean {
   const oldValue = includeViewProviders;

packages/core/test/linker/view_injector_integration_spec.ts

@@ -292,9 +292,7 @@ class TestComp {
         expect(el.children[0].injector.get('injectable2')).toEqual('injectable1-injectable2');
       });
 
-      fixmeIvy(
+      it('should instantiate viewProviders that have dependencies', () => {
-          'FW-889: Element injector cannot access the viewProviders of the component to which it belongs')
-          .it('should instantiate viewProviders that have dependencies', () => {
         TestBed.configureTestingModule({declarations: [SimpleComponent]});
         const viewProviders = [
           {provide: 'injectable1', useValue: 'injectable1'}, {
@@ -500,9 +498,7 @@ class TestComp {
             expect(destroyed).toBe(true);
           });
 
-      fixmeIvy(
+      it('should instantiate view providers lazily', () => {
-          'FW-889: Element injector cannot access the viewProviders of the component to which it belongs')
-          .it('should instantiate view providers lazily', () => {
         let created = false;
         TestBed.configureTestingModule({declarations: [SimpleComponent]});
         TestBed.overrideComponent(

packages/core/test/render3/providers_spec.ts

@@ -1188,7 +1188,11 @@ describe('providers', () => {
       static ngInjectableDef = defineInjectable({factory: () => new SomeInj(inject(String))});
     }
 
-    @Component({template: `<p></p>`, providers: [{provide: String, useValue: 'From my component'}]})
+    @Component({
+      template: `<p></p>`,
+      providers: [{provide: String, useValue: 'From my component'}],
+      viewProviders: [{provide: Number, useValue: 123}]
+    })
     class MyComponent {
       constructor() {}
 
@@ -1204,7 +1208,9 @@ describe('providers', () => {
           }
         },
         features: [
-          ProvidersFeature([{provide: String, useValue: 'From my component'}]),
+          ProvidersFeature(
+              [{provide: String, useValue: 'From my component'}],
+              [{provide: Number, useValue: 123}]),
         ],
       });
     }
@@ -1237,12 +1243,24 @@ describe('providers', () => {
       });
     }
 
-    it('should work', () => {
+    it('should work from within the template', () => {
       const fixture = new ComponentFixture(AppComponent);
       expect(fixture.html).toEqual('<my-cmp><p></p></my-cmp>');
 
       const p = fixture.hostElement.querySelector('p');
       const injector = getInjector(p as any);
+      expect(injector.get(Number)).toEqual(123);
+      expect(injector.get(String)).toEqual('From my component');
+      expect(injector.get(Some).location).toEqual('From app component');
+    });
+
+    it('should work from the host of the component', () => {
+      const fixture = new ComponentFixture(AppComponent);
+      expect(fixture.html).toEqual('<my-cmp><p></p></my-cmp>');
+
+      const myCmp = fixture.hostElement.querySelector('my-cmp');
+      const injector = getInjector(myCmp as any);
+      expect(injector.get(Number)).toEqual(123);
       expect(injector.get(String)).toEqual('From my component');
       expect(injector.get(Some).location).toEqual('From app component');
     });