diff --git a/packages/core/src/debug/debug_node.ts b/packages/core/src/debug/debug_node.ts index 52044fe16f..695ae04341 100644 --- a/packages/core/src/debug/debug_node.ts +++ b/packages/core/src/debug/debug_node.ts @@ -403,9 +403,8 @@ function _queryAllR3( elementsOnly: boolean) { const context = loadLContext(parentElement.nativeNode) !; const parentTNode = context.lView[TVIEW].data[context.nodeIndex] as TNode; - // This the fixture's debug element, so this is always a component view. - const lView = context.lView[parentTNode.index]; - const tNode = lView[TVIEW].firstChild; + const lView = getComponentViewByIndex(parentTNode.index, context.lView); + const tNode = lView[TVIEW].firstChild !; _queryNodeChildrenR3(tNode, lView, predicate, matches, elementsOnly); } diff --git a/packages/core/test/debug/debug_node_spec.ts b/packages/core/test/debug/debug_node_spec.ts index 54713b2019..89e07cca1f 100644 --- a/packages/core/test/debug/debug_node_spec.ts +++ b/packages/core/test/debug/debug_node_spec.ts @@ -190,6 +190,11 @@ class HostClassBindingCmp { hostClasses = 'class-one class-two'; } +@Component({selector: 'test-cmpt-vcref', template: `
`}) +class TestCmptWithViewContainerRef { + constructor(private vcref: ViewContainerRef) {} +} + { describe('debug element', () => { let fixture: ComponentFixture; @@ -211,6 +216,7 @@ class HostClassBindingCmp { BankAccount, TestCmpt, HostClassBindingCmp, + TestCmptWithViewContainerRef, SimpleContentComp, ], providers: [Logger], @@ -631,5 +637,12 @@ class HostClassBindingCmp { getDOM().remove(content); }); + it('should support components with ViewContainerRef', () => { + fixture = TestBed.createComponent(TestCmptWithViewContainerRef); + + const divEl = fixture.debugElement.query(By.css('div')); + expect(divEl).not.toBeNull(); + }); + }); }