각도 2 테스트 nativeElement

각도 웹 사이트의 테스트 자습서를 진행했습니다. debugElement를 통해 테스트에 사용할 수있는 모든 항목의 목록이 있으면 궁금합니다. 예 :각도 2 테스트 nativeElement

let nav = fixture.debugElement.query(By.css('h1')).nativeElement; 

    expect(nav.innerText).toBe(fixture.componentInstance.homeHeader);

다른 요소에는 테스트 할 innerText 값이 있습니다. 도움 주셔서 감사합니다.

출처

2016-10-03 TyAnthoney

목록이 너무 깁니다. 이들은 네이티브 JS DOM 요소입니다.이 속성은 전체 속성 목록을 가져 오는 데 어떤 형식 요소가 있는지에 따라 달라집니다. MDN 사이트를 탐색하는 방법을 배워야합니다. 다음은 HTMLHeadingElement에 대한 링크입니다 (이것은 h1입니다). 사이드 바에서 보면 (아래 참조, HTMLHeadingElement에서 누락)

등록 볼 수 있습니다. 이 요소의 모든 직접적인 속성 목록입니다 (상속 된 속성의 경우 부모 참조).
상속. 이것은 당신이 이러한 링크 중 하나를 클릭 할 수 있고, 당신이 상속 된 속성을 볼 수 HTMLHeadingElement
```
EventTarget 
     | 
     Node 
     | 
    Element 
     | 
    HTMLElement 
     | 
HTMLHeadingElement 
```
의 계층 구조를 상속합니다. 예를 들어, Node을 클릭하면 HTMLHeadingElement이 innerText 속성을 가져 오는 지점이 표시됩니다. HTMLHeadingElement으로 돌아 가면 직접 속성이 없음을 알 수 있습니다. 즉, 모든 속성은 부모
방법
로부터 상속되는 것을 의미
이벤트을 (HTMLHeadingElement 누락, 상속 방법에 대한 부모 참조). 이들은 모두 요소에 대해 트리거 될 수있는 이벤트입니다.
HTML DOM 관련 페이지 관련 페이지 이것은 모든 페이지에 공통적 인 목록입니다. DOM 요소의 모든 종류의 목록을 볼 수 있습니다. 당신은 그들을 클릭 할 수 있습니다. 대부분의 경우 DOM 요소 중 하나에서 사용할 속성의 대부분은 부모로부터 상속 된 속성입니다. 그래서 아마 부모 속성 목록을보고 싶을 것입니다. 일부는 자신의 속성을 가지고 있지만.

출처

2016-10-03 20:07:12

각도 2 테스트 nativeElement

답변

관련 문제