我一直在浏览角度网站上的测试教程。我很好奇是否有可通过debugElement测试的所有项目的清单。例如
let nav = fixture.debugElement.query(By.css('h1')).nativeElement;
expect(nav.innerText).toBe(fixture.componentInstance.homeHeader);
还有什么其他元素,例如我正在测试的innerText值。
感谢您的任何帮助。
最佳答案
该列表太长。这些是本机JS DOM元素,这取决于获得完整属性列表的类型元素。您应该学习导航MDN站点。这是HTMLHeadingElement
的链接(这是h1
的意思)。如果查看侧边栏,您将看到
属性(缺少HTMLHeadingElement,请参见下文)。这是此元素的所有直接属性的列表(有关继承的属性,请参见parent)
遗产。这是HTMLHeadingElement
的层次结构的继承
EventTarget
|
Node
|
Element
|
HTMLElement
|
HTMLHeadingElement
您可以单击任何一个链接,您将看到继承的属性。例如,如果单击
Node
,您将看到HTMLHeadingElement
从中获取innerText
属性。如果返回HTMLHeadingElement
,将看到它没有直接属性。这意味着它的所有属性都是从其父级继承的方法(缺少HTMLHeadingElement,有关继承的方法,请参见parent)
活动。这些是可以为元素触发的所有事件
HTML DOM的相关页面。这是所有页面共有的列表。您可以看到所有不同种类的DOM元素的列表。您可以单击它们。不过,在大多数情况下,您将从任何DOM元素中使用的大多数属性都是从父级继承的属性。因此,您可能只想看一下父级属性列表。尽管有些确实具有自己的属性。