jasmine fixture.debugElement.query的单步调试

在调用了fixture.detectChanges的情况下:

jasmine fixture.debugElement.query的单步调试

css返回一个新的函数,输入参数是debugElement:

jasmine fixture.debugElement.query的单步调试

jasmine fixture.debugElement.query的单步调试

fixture.debugElement的类型:DebugElement__POST_R3__

jasmine fixture.debugElement.query的单步调试

jasmine fixture.debugElement.query的单步调试

jasmine fixture.debugElement.query的单步调试

掉了detectChanges之后,innerHTML里有的markup:

jasmine fixture.debugElement.query的单步调试

但奇怪的是disabled为"".

取得context:

jasmine fixture.debugElement.query的单步调试

context结果:

jasmine fixture.debugElement.query的单步调试

parent tnode:

jasmine fixture.debugElement.query的单步调试

经过两次递归调用_queryNodeChildrenR3后:

jasmine fixture.debugElement.query的单步调试

现在拿到的是原生的div 元素:里面能够看到back和continue button:

jasmine fixture.debugElement.query的单步调试

最后调用DOM node原生的matches方法返回DOM:

jasmine fixture.debugElement.query的单步调试

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
jasmine fixture.debugElement.query的单步调试