Как проверить, когда элемент перемещается из одного класса в другой

Question

У меня проблемы с выяснением проблемы. Я тестирую сайт по ставкам. На этом сайте есть разные игры. Когда пользователь заходит на сайт и появляется игра, он присоединяется к «Доступной игре». Когда пользователь присоединяется к этой игре, он становится «активной игрой», а когда - в «Истории игр». Каждое из этих состояний имеет свой класс:
Доступен = card_7m62gg
Active = card_5pbdh7,
История = карточка_5pbdh8

Таким образом, когда пользователь присоединяется к игре с идентификатором 5b3a0ac14887fb004a847462, игра переходит от card_7m62gg к card_5pbdh7. Как я могу проверить, что это движение происходит. Я приложил скриншот HTML.

Answer 1

Если посмотреть на приведенный выше снимок экрана, то указанное выше условие относится к доступному и активному состоянию не соответствует действительности. Даже когда класс "Active = card_5pbdh7" отображается под ссылкой / href, исходный href все еще находится под div - классом "Available = card_7m62gg" в активном состоянии, как показано во втором наборе красных полей на снимке экрана. Но <section class="card_gwlf0h"> меняется на <section class="card_5pbdh7">. Если это так, то вы можете подтвердить это изменение, чтобы подтвердить движение. Утвердите следующий элемент, найденный селектором CSS

"a[href*= '5b3a0ac14887fb004a847462'] > .card_gwlf0h" до перехода игр в активное состояние.

"a[href*= '5b3a0ac14887fb004a847462'] > .card_5pbdh7" после перехода игр в активное состояние.

Вы можете даже параметризовать gameid, что-то вроде:

"a[href*= '" + gameId + "'] > .card_gwlf0h"

Answer 2

В соответствии с комментарием «пытаюсь утверждать, что href находится в классе, но href кажется выше класса», вы можете написать xpath как:

//h3[contains(text(),'Active Games')]/following-sibling::div/descendant::a  

В коде:

driver.findElement(By.xpath("//h3[contains(text(),'Active Games')]/following-sibling::div/descendant::a")).click();  

Или вы утверждаете также согласно вашему требованию.