Я должен найти лучший локатор по предложению моих коллег, поскольку они не хотят, чтобы я использовал локаторы n-го ребенка, что сделает мой тест более хрупким. Я действительно изо всех сил пытаюсь написать этот конкретный локатор для доступа к следующему коду, который является динамическим содержимым.
Я пробовал следующее:
flipperCardOne(wait: true, waitCondition: {
it.displayed
}) {
$(class: "h3", class: "info-card-name", text: "Mandy Smith)
}
и
flipperCardOne(wait: true, waitCondition: {
it.displayed
}) {
$(class: "flex-item.front > .w-100", text: "Mandy Smith")
}
Но это не совсем верно.
<div _ngcontent-vho-c20="" class="flex-item">
<!---->
<u-flippy-card _ngcontent-vho-c20="" _nghost-vho-c24="" flipped="false">
<!---->
<div _ngcontent-vho-c24="" class="flipper">
<div _ngcontent-vho-c24="" class="front w-100"><img _ngcontent-vho-c24="" class="w-100" src="assets/images/life/mandy_smith.jpg"></div>
<div _ngcontent-vho-c24="" class="back w-100 info-card">
<p _ngcontent-vho-c24="" class="info-card-quote”>”TESTING.”</p><h4 _ngcontent-vho-c24="" class="info-card-name">Mandy Smith
</h4>
</div>
</div>
</u-flippy-card>
</div>