Как определить элемент в транспортире на странице, отличной от angular?

Question

Я новичок в транспортире. Я использую Жасмин и Visual Studio Code. На моей странице, отличной от angular, есть две кнопки, которые нужно проверить:

<span id="2-1-9294160_2_1_" class="PlaceBet Bet" onclick="addSingleBetToSlip(event);" bet-event-id="2-1-9294160" bet-event-number="1117" bet-event-startdatetime="2020/02/11 10:48:00" bet-event-starttime="10:48" bet-event-typename="DashingDerby" bet-marketclassname="Place" bet-selectionid="1" bet-odds="2.16" bet-display-description="1. Chilli Bean">2.16</span>

<span id="2-1-9294693_1_4_" class="WinBet Bet" onclick="addSingleBetToSlip(event);" bet-event-id="2-1-9294693" bet-event-number="1129" bet-event-startdatetime="2020/02/11 11:36:00" bet-event-starttime="11:36" bet-event-typename="DashingDerby" bet-marketclassname="Win" bet-selectionid="4" bet-odds="3.79" bet-display-description="4. Gladiator">3.79</span>

Единственные уникальные элементы, которые я могу использовать:

bet-event-typename="DashingDerby"
bet-marketclassname="Win" 
bet-selectionid="4"

Как мне найти / щелкнуть эти элементы в транспортире? Я пробовал все следующее, но выдает сообщения об ошибках:

    //element(by.bet-selectionid('4'), by.bet-marketclassname('Place')).click();
    //browser.driver.findElement(by.bet-selectionid('4')).click();
    //element.span(by.bet-selectionid('4')).click();
    //element(by.css('.bet-selectionid > span'('4'))).click();
    //element(by.xpath("//span[.bet-selectionid('4')")).click();
    //element(by.tagName('.bet-selectionid('4')')).click();
    element(by.css("#bet-selectionid('4')")).click();

Answer 1

Большое спасибо. После того, как вы направили меня в правильном направлении, я понял следующее:

browser.wait(function() { 
return element(by.css('[bet-event-typename="DashingDerby"][bet-marketclassname="Place"][bet-selectionid="9"]')).isPresent(); 
}, 5000); 

element(by.css('[bet-event-typename="DashingDerby"][bet-marketclassname="Place"][bet-selectionid="9"]')).click();

Answer 2

In asyn c Функция:

let element = element(by.css('[bet-selectionid="4"]'));
await element.click();

Я предлагаю вам взглянуть на CSS селекторы .