Selenium - 如何獲取元素及其子元素文本

Question

簡短版本：我可以獲取聊天消息（在java中使用selenium的By.xpath），但我希望將微笑包含在適當的位置。

更長的版本：您好，我一直在處理這個有趣的問題，我需要從Web瀏覽器解析聊天消息並使用java和selenium重新創建它。 我沒有解析消息文本的問題，但我想用它的子元素（微笑圖標）解析它。 除了手動源代碼解析之外，有沒有什么好方法呢？

這是我能夠訪問的單個消息的代碼：

<div class="chat_msg chat_msg_caller ">
    <div class="chat_msg_head">
        <span class="chat_msg_author">
            SomeAuthor
        </span>
        <span class="chat_msg_date">
           SomeDate
        </span>
    </div>
    <div class="chat_msg_body message_text">
        SomeMessageText
        <span class="sml-icon biggrin">
            <span>
                :D
            </span>
        </span>
        SomeOtherText
        <span class="sml-icon biggrin">
            <span>
                :D
            </span>
        </span>
    </div>
</div>

這是我如何獲取聊天消息文本的示例：

String msgTxt = we.findElement(By.xpath("//div[@id='messages_body']/div[" + (i + 1) + "]/div[@class='chat_msg_body message_text']")).getText();

我的結果： SomeMessageText SomeOtherText我想要的結果： SomeMessageText：D SomeOtherText：D

CSS文件：

http://badoocdn.com/v2/-/-/css/base-ltr.268.css
http://badoocdn.com/v2/-/-/css/page.chat-ltr.22.css
http://badoocdn.com/v2/-/-/css/popup.messenger-ltr.230.css

結構體：

<div id="messages_body">
   <div id="pager" class="pages"> … </div>
   <div class="chat_msg chat_msg_caller ">
       <div class="chat_msg_head">
          <span class="chat_msg_author"> … </span>
          <span class="chat_msg_date"> … </span>
       </div>
       <div class="chat_msg_body message_text"> … </div>
   </div>
   <div class="me chat_msg chat_msg_owner "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   <div class="me chat_msg chat_msg_owner "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   <div class="chat_msg chat_msg_caller "> … </div>
   ...

Answer 1

如果我正確理解你，你只需要在父元素上執行getText（），例如

driver.findElement(By.cssSelector(".chat_msg_body message_text")).getText()

這應該回來了

SomeMessageText：D SomeOtherText：D

它可能會刪除一些空格，你需要先去看看。

編輯

看到你正在處理潛在的CSS問題，你可以嘗試以下方法：

driver.findElement(By.cssSelector(".chat_msg_body message_text")).getAttribute("textContent")

即使CSS正在移動所有地方，這應該得到textContent。

Answer 2

我是怎么做到的
1.我打開Selenium IDE，
2.從我想要的網站中選擇文本
3.右鍵單擊並使用可用命令
4.假設我們使用驗證文本。
5.停止錄制並將錄制內容轉換為webdriver。
你得到你的代碼。 這很簡單，總是為我工作。
你可以試試

 (new WebDriverWait(driver, 60)).until(ExpectedConditions
                .textToBePresentInElement(By.id("Element ID"),
                        "Text to verify"));