Угловое определение атрибута nativeElement в компоненте приложения

Question

У меня есть приложение Angular 2, над которым я работаю, что по некоторым причинам совместимости с устаревшим кодом необходимо получить некоторую информацию через атрибуты, используемые в компоненте приложения. Например, HTML, который запускает угловое 2 приложение будет выглядеть следующим образом:

<myApp id="xyz" areaDone="true" value="" requestID="abc"> Loading ... </myApp> 

Однако, когда я пытаюсь написать несколько модульных тестов вокруг поведения, которое, как предполагается, происходит на основе наличия и значении этих атрибутов , они имеют значение null/undefined.

Чтобы получить значение, мы просто потянув их в конструкторе вроде этого:

 let native = this.elementRef.nativeElement; 
     this.requestID= native.getAttribute("requestID"); 

Итак, есть путь через стендовые/поставщик, чтобы заставить нативный элемент, который должен иметь ожидаемые атрибуты?

Answer 1

Вы можете позвонить по телефону this.elementRef.nativeElement.attribute, и он вернет NamedNodeMap (http://www.w3schools.com/jsref/prop_node_attributes.asp) ваших атрибутов.

Синтаксис для получения материала из NamedNodeMaps не страшно, это меня получение x1 атрибуты объекта d3 в одном из моих тестов

const nodeAttributes = compiled.querySelector('#temp-draggable-link-line').attributes as NamedNodeMap; 
expect(nodeAttributes.getNamedItem('x1').value).toEqual(200);