DebugElement和DOM元素之间的差异

Question

在使用茉莉花的角度单位测试中，我们可以通过两种方式测试视图（html内容）。

1. 从DebugElement获取元素

   fixture.debugElement.queryAll(By.css('.tableData.billStatus.text-center'))

2. 从DOM获取元素。

   fixture.debugElement.nativeElement.querySelectorAll('.tableData.billStatus.text-center')

我的问题与queryAll vs querySelectorAll无关。它是DOM vs DebugElement。因为当我使用它们中的任何一个时，它们会在大多数时间给我正确的结果。

此问题与此issue

有一定关系

他们提供了解决DOM元素而不是DebugElement作为解决方法的工作。那么是什么让这两者相互不同呢？

在提出这个问题之前，我已经查看了几个差异的帖子。但我没有找到任何合适的东西。

Answer 1

debug element包含组件或元素的引用和方法，而native element是对DOM元素的引用。