ポップアップウィンドウのクローズボタンを確認できませんでした

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への完全一致ではありません。 HTMLスニペットでdiv要素がある：

   ：これに対処するには、いくつかの方法があります<div class="popup-close close">

（ここでの唯一の2つのオプションがリストされています）。部分一致はじめての使用div[class^='popup-close']

b。セレクタでクラス全体を使用してください：div[class='popup-close close']

2. 理想的には、divではなく「a」をクリックする必要があります。この場合、「」タグは、子要素

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

OR

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