我正在测试一个为小部件动态创建(一些随机最大熵字符串)ID的Web应用程序,并允许用户添加与现有小部件具有相同显示名称的小部件。我正在尝试使用Telerik Test Studio来完成这项看似棘手的任务。我试图获得新创建的卡,但没有办法这样做(没有让开发人员添加一个类,他不愿意这样做,因为它只是“仅用于测试目的”)。有没有办法在添加完成之前和之后获取包含显示文本(在某些内部<div>
中)的卡的ID?
我正在尝试使用的元素的HTML看起来像这样:
<div id="group-container" class="tab-content menu-base-row">
<div id="food-content" class="group-tab tab-pane fade in active show">
<div id="9n6k7n72c7" class="card float-sm-left menu-visual-card" base-type="0" onclick="PopModel(this)" data--dom-i-d="9n6k7n72c7" data--id="1" data--color="4294440820" data--display-names="{"0":"Food","1":"Food","2":"Food","3":"Food","4":"Food"}" data--group-name="Food" data--is-active="true">
<img class="card-img-top" style="height:10px;background-color:rgba(247,247,116,1);">
<div class="card-block">
<h5 class="card-title format-text" title="Food">Food</h5>
</div>
<div class="buttons card-block footer-block">
<div class="button btn" onclick="DeleteModel(this,event)">
<i class="fa fa-trash text-danger delete-btn" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="S7rBC056Yc" class="card float-sm-left menu-visual-card" base-type="0" onclick="PopModel(this)">
<img class="card-img-top" style="height:10px;background-color:rgba(247,247,116,1)">
<div class="card-block">
<h5 class="card-title format-text" title="Drink">Drink</h5>
</div>
<div class="buttons card-block footer-block">
<div class="button btn" onclick="DeleteModel(this,event)">
<i class="fa fa-trash text-danger" aria-hidden="true"></i>
</div>
</div>
</div>