有人可以帮助我找到带有链接的ng内容的定位器吗？

Question

I am trying to click on a header in my application that directs me to another screen. However, I observe that the locators are not helping me here. Also the following code does not work:

element(by.xpath("//a[@routerlink='/opportunities/list']")).click();

The css locator too generated by ChroPath does not work

element(by.xpath("//a[@routerlink='/opportunities/list']")).click();

enter image description here

Answer 1

Have you looked at the Protractor documentation ? We also recommend not using xpath because it causes your locator to be brittle and it is hard to debug. There are alternatives to xpath like linkText or just by css. In the two items below, I'll use async / await which your tests should be using since the control flow will be deprecated.

Option 1

Your html has text for your link so you want to use the webdriver.By.linkText

await element(by.linkText('opportunities')).click();

Option 2

You can use css to match attributes and tags:

await element(by.css('a[routerlink="/opportunities/list"])).click()