我如何使ViewChild工作在單元測試

Question

有像

@Component(
    selector: 'my-test', 
    template: 'none', 
    changeDetection: ChangeDetectionStrategy.OnPush, 
) 
class MyTestComponent { 
    final AngularClientCache clientCache; 
    MyTestComponent(this.clientCache) { 
    assert(clientCache != null); 
    } 
} 

@Component(
    selector: 'test', 
    directives: const <dynamic>[MyTestComponent], 
    template: r'<my-test></my-test>', 
) 
class ComplexTestComponent { 
    @ViewChild(MyTestComponent) MyTestComponent testComponent; 
} 

@AngularEntrypoint() 
void main() { 
    tearDown(() => disposeAnyRunningTest()); 

    group('AngularClientCache',() { 
    test('should store and return value',() async { 

     final testBed = 
      new NgTestBed<ComplexTestComponent>().addProviders(<dynamic>[ 
     provide(AngularClientCache, useValue: new AngularClientCache()) 
     ]); 
     final fixture = await testBed.create(); 

     // Create an instance of the in-browser page loader that uses our fixture. 
     final loader = new HtmlPageLoader(
     fixture.rootElement.parent, 
     executeSyncedFn: (c) async { 
      await c(); 
      return fixture.update; 
     }, 
     useShadowDom: false, 
    ); 

     final complex = 
      await loader.getInstance<ComplexTestComponent>(ComplexTestComponent); 
     print(complex.testComponent); // <<<=== print `null` 
    }); 
    }); 
} 

測試？我怎樣才能到MyTestComponent組件的引用。我期望@ViewChild()這樣做，但它不。任何其他方法也是受歡迎的。

Answer 1

馬坦Lurey在（ https://github.com/dart-lang/angular_test/issues/50#issuecomment-291044761 碎）

resolvePageObject僅用於得到一個package:pageloader對象說明。

你想要做什麼，我想：

await fixture.update((c) { 
    expect(c.testComponent, isNotNull); 
});