识别div类中绕过span类的文本

Question

我在Visual Studio中使用硒。编写一个测试用例，我想打开一个下拉菜单。我想使用唯一的名称来识别菜单。

代码看起来像这样：

<div class="mat-select-value">
   <span class="mat-select-placeholder ng-tns-c34-170 ng-star-inserted">
   UniqueTextID
   </span>
</div> 

我通常的解决方案是：

"//span[contains(@class,'mat-select-placeholder ng-tns-c34-170 ng-star-inserted')][contains(text(),'UniqueTextID')]"

问题在于span类：“mat select占位符ng-tns-c34-170 ng star inserted”并不总是相同的。每次再次加载页面时，数字“c34-170”将更改为一组新的数字。

我的问题是：是否可以通过指定div类来识别“UniqueTextID”：“mat select value”跳过span类？

比如：

"//div[contains(@class,'mat-select-value')][contains(text(),'UniqueTextID')]"

或者，如果我必须指定span类，是否可以只添加span类的开头，即不会每次更改的部分：“mat select placeholder”？

Answer 1

您需要提供span标签。如果你不想使用class属性，你可以只使用文本值。

//div[contains(@class,'mat-select-value')]/span[contains(text(),'UniqueTextID')]

或

//div[contains(@class,'mat-select-value')]/span[contains(.,'UniqueTextID')]

或者，如果你想使用带有类属性的跨度标签，也可以使用start-with

"//div[contains(@class,'mat-select-value')]/span[starts-with(@class,'mat-select-placeholder ng-tns-')][contains(text(),'UniqueTextID')]"