Javascript 有没有办法在同一个元素()检入量角器中检查两个不同的by.css()属性?

Javascript 有没有办法在同一个元素()检入量角器中检查两个不同的by.css()属性?,javascript,css-selectors,protractor,Javascript,Css Selectors,Protractor,我正在用量角器在HTML页面上测试网格中的元素。有两列和多行。目前我的代码是 browser.element(by.css('div[data-row="1"]')).element(by.css('.widget-toggle-btn')).click(); HTML: ……其他要素。。。。 ……其他要素。。。。 但正如您所看到的,数据行1中有两列。幸运的是,我想要的是'data col=“0”'中的一个,但我看不到一种方法可以到达'data col=“1”中的切换btn。栅格是对称的,

我正在用量角器在HTML页面上测试网格中的元素。有两列和多行。目前我的代码是

browser.element(by.css('div[data-row="1"]')).element(by.css('.widget-toggle-btn')).click();
HTML:


……其他要素。。。。
……其他要素。。。。

但正如您所看到的,数据行1中有两列。幸运的是,我想要的是'data col=“0”'中的一个,但我看不到一种方法可以到达'data col=“1”中的切换btn。栅格是对称的,因此视图中的所有图元都相同,但单击按钮会得到不同的结果。是否有一种方法可以在by.css()定位器中指定两个属性,还是必须用另一种方法来指定?

是的,只需在方括号中添加一个新条件:

div[data-row=1][data-col=1]
实际上,您可以在单个选择器中加入选择器链:

$('div[data-row=1][data-col=1] .widget-toggle-btn').click();

$()
元素的快捷方式(by.css())

非常感谢!我觉得我会不断地问你一些问题:\lol@amiller956谢谢你提出的有趣的问题!
$('div[data-row=1][data-col=1] .widget-toggle-btn').click();