Как нажимать на кнопку без текста в Протрактор?

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

Лучше использовать 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 2

Вы не можете нажимать на них, потому что оба они имеют & атрибуты одного класса. В этих случаях у вас есть 2 варианта:

1) Вы можете напрямую использовать концепцию CSS nth child.

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 3

Я проверил это в java, хотя и не помечаю java здесь. надеюсь, что вы можете преобразовать код ur в 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

Проверьте API Protractor API. Убедитесь, что у вас установлена ​​последняя версия. Вы можете захватить плюсы несколькими способами. Один из способов будет использовать webdriver.By.css

Try:

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

Вы также можете добавить идентификатор знаком плюс и захватить его, что путь, используя webdriver.By.id