Angular 角度单元测试：按数据QA标记属性查询HTML元素

我正在编写角度单元测试，希望通过

数据qa

属性查询/获取自定义文本框的值，例如

如何做到这一点

description（'ProductComponent'，（）=>{
let组件：ProductComponent；
let夹具：组件夹具；
它（'测试值'，（）=>{
让data=fixture.debugElement.query（通过--（不确定在这里写什么）
});

你可以试试这个，如果这还不够，你可以找到更多的例子

---

你可以使用CSS选择器来选择任意属性，包括数据属性：hi@jonrsharpe请随意用代码来回答，我可以给你发点信息，谢谢。我建议你尝试一下，如果你仍然无法让它工作，你可以展示一个特定的问题。

it('test value', () => {
   const input = fixture.debugElement.query(By.css('input[data-qa="productname"]')) 
   OR
   const input = fixture.debugElement.nativeElement.querySelector('input[data-qa="productname"]')
   console.log(input)
});