如何单击量角器中没有文字的按钮？

Question

I want to Click on the two Plus(+) button but the button is not having any text in Music Library Section

如何点击相同？

我尝试了以下代码：

describe ('angularjs homepage', function() {
    browser.get('http://angular.github.io/peepcode-tunes/public/');
    element(by.css('[ng-click="player.playlist.add(album)"]')).click();
});

不幸的是，它不起作用。 请帮忙

Answer 1

您无法单击它们，因为它们具有相同的类和属性。 在这些情况下，您有 2 个选择：

1) 可以直接使用nth child CSS 的概念。

describe ('angularjs homepage', function() {
browser.get('http://angular.github.io/peepcode-tunes/public/');
element(by.css('#container > section > ul > li:nth-child(1) > button')).click();  // it will click the first "+" button
element(by.css('#container > section > ul > li:nth-child(2) > button')).click();  // it will click the second "+" button
});

2）您可以使用上述答案中建议的@noor 索引来访问它们：

describe ('angularjs homepage', function() {
browser.get('http://angular.github.io/peepcode-tunes/public/');
element.all(by.css('.queue.add')).get(0).click();  // it will click the first "+" button
element.all(by.css('.queue.add')).get(1).click();  // it will click the second "+" button
});

我测试了它，它们都可以工作！如果您遇到问题，请告诉我！

Answer 2

最好使用 protractor.ExpectedConditions 等到元素变为可点击状态后再进行点击操作。

代码片段：

EC = protractor.ExpectedConditions;

describe ('angularjs homepage', function() {

it('test case name',function(){

browser.ignoreSynchronization=true;

var twoButtons=element.all(by.css('.queue.add'));
browser.get('http://angular.github.io/peepcode-tunes/public/');

/*It will click first button, chance get(1) for second button*/    
browser.wait(EC.elementToBeClickable(twoButtons.get(0)),  
                                          8000).thenCatch(function () {
                      assert.fail(' element is not click able');
              });
twoButtons.get(0).click();
});
});

Answer 3

我已经在 java 中检查了这个，虽然你没有在这里标记 java。希望你能把你的代码转换成js。

在java中，点击第一个+，使用下面的：

driver.findElements(By.cssSelector(".queue.add")).get(0).click();

第二个+：

driver.findElements(By.cssSelector(".queue.add")).get(1).click();

所以，我想如果你使用下面的 js 代码，这将起作用：

 element(by.css('.queue.add')).click();

如果在js中有什么方法可以取元素，先取元素再点击使用元素 索引。

Answer 4

检查Protractor API API。确保您拥有最新版本。您可以通过多种方式获取加号。一种方法是使用 webdriver.By.css

试试：

browser.findElement(by.css('.queue')).click(); 

您还可以使用 webdriver.By.id 将 ID 添加到加号并以这种方式获取它