Не удалось определить кнопку закрытия всплывающего окна

Question

У меня возникли серьезные проблемы с идентификацией кнопки закрытия в этом всплывающем окне.

Я пробовал селектор css, который ищет «всплывающее окно» и «значок-закрыть» и не работает. Не уверен, что я делаю неправильно. Нужна помощь в этом.

@FindBy(css = "div[class='popup-close']") 
private WebElement closeEmailConfirmationWindow 

<section class="ng-scope" role="logInPopup"> 
    <div class="container-fluid"> 
    <div class="popup-close close"> 
     <a ng-click="$close()"> 
     <i class="icon-close"></i> 
     </a> 
    </div> 
    <div class="row small"> 
    <h3 su-translate="user.resetPasswordConfirmTitle.label">You're nearly there…</h3> 
    <p su-translate="user.resetPasswordConfirm.label">Check your email and click on the link within to reset your password. The link will expire, so get moving!</p> 
    </div> 
</div> 

Answer 1

Есть 2 вопроса здесь:

1. Класс, используемый в селекторе не является точным соответствием к HTML. DIV элемент в HTML-фрагменте кода: <div class="popup-close close">

Есть несколько способов решения этой (перечислены только 2 варианта здесь):

а. Используйте частичное включение в игру со знаком div[class^='popup-close']

b. Используйте весь класс в селекторе: div[class='popup-close close']

2. В идеале вам нужно нажать на «a», а не на div. В этом случае, «а» тег может быть идентифицирован путем заполнения одного из CSS селекторов выше, чтобы включать в себя дочерний элемент

div[class^='popup-close']>a

ИЛИ

div[class='popup-close close']>a