locate button in the preset/angle

Question

Hello!

I have tried the location (Protractor) of the "New" button of the ways below, has some orientation of how to do?

<button class="btn btn-link float-right" data-placement="top" type="button" title="Novo"> <i class="material-icons md-36">add_circle</i> </button>


element(by.xpath('/html/body/ng-component/span/div/main/div/ng-component/cmn-card-page-list-base/cmn-card-page-base/div/div/div/div/div[1]/div/div[2]/div/cmn-button-new/cmn-card-page-base-button/div/button'));

element(by.cssContainingText('.material-icons.md-36t', 'add_circle'));

element(by.css('.button.btn.btn-link.float-right'));

element(by.css(button[type = 'button']));

element(by.css('.btn.btn-link.float-right'));

Grateful.

Answer 1

Good afternoon.

He even used the element(by.className('btn-link')), who knows may be a solution. To see the application just consult here: https://www.protractortest.org/#/api? view=webdriver.By.classname

It can also be because the button are not visible on the screen yet, you can do a check waiting for it to be clickable or visible: https://www.protractortest.org/#/api? view=Protractorexpectedconditions