ионный 4 транспортир e2e - как выбрать / отличить кнопки ионного оповещения

Question

Я хочу иметь возможность просто и надежно выбрать эти две кнопки оповещения для тестирования e2e с транспортиром.

Я не могу использовать by.partialButtonText, так как текст находится внутри элемента span.

<button type="button" class="alert-button ion-focusable ion-activatable sc-ion-alert-md" tabindex="0">
     <span class="alert-button-inner sc-ion-alert-md">Yes</span>
     <ion-ripple-effect class="sc-ion-alert-md md hydrated" role="presentation"></ion-ripple-effect>
</button>
<button type="button" class="alert-button ion-focusable ion-activatable sc-ion-alert-md" tabindex="0">
     <span class="alert-button-inner sc-ion-alert-md">No</span>
     <ion-ripple-effect class="sc-ion-alert-md md hydrated" role="presentation"></ion-ripple-effect>
</button>

Answer 1

Они всегда отображаются в определенном порядке в DOM? Если это так, вы можете попробовать следующее:

const yesButton = element.all(by.css('.alert-button-inner.sc-ion-alert-md')).get(0);

const noButton = element.all(by.css('.alert-button-inner.sc-ion-alert-md')).get(1);

Те получат элемент <span>.

Кроме того, вы можете попытаться найти их более точно с помощью следующего метода:

const yesButton = element(by.cssContainingText('.alert-button-inner.sc-ion-alert-md', 'Yes'));  

const noButton = element(by.cssContainingText('.alert-button-inner.sc-ion-alert-md', 'No'));