Разница между 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 против querySelectorAll.Это DOM против DebugElement.Потому что, когда я использую любой из них, большую часть времени они дают мне правильный результат.

Этот вопрос имеет какое-то отношение к этой проблеме

Они дают обходной путьпросматривать DOM элементов, а не DebugElement как обходной путь.Так что же отличает этих двоих?

Я просмотрел несколько постов на предмет различий, прежде чем задавать этот вопрос.Но я не нашел ничего подходящего для этого.

Answer 1

debug element содержит ссылки и методы для компонента или элемента, тогда как native element является ссылкой на элемент DOM.