如何使用 Selenium WebDriver 和 Java 获取元素的内部反应文本？

Question

I am testing an application which contains a lot of dynamic data. I am trying to access the inner text of the last element within a group of messages. The HTML is:

<div class="MessageList">
   <li>
      <div class="Message-mine">
          <div class=Message-block">
          <div>
              <div class="Message-text">
              <!-- react-text:1200 -->
              Hey there!
              <!-- /react-text -->
          </div>
          ….
          </div>
       </div>
   </li>
   <li>
      <div class="Message-mine">
          <div class=Message-block">
          <div>
              <div class="Message-text">
              <!-- react-text:1201 -->
              Hey there again!
              <!-- /react-text -->
          </div>
          ….
          </div>
       </div>
   </li>
   ….
</div>

I would like to verify that the last 'Message-mine' block contains the text "Hey there again.". I am using Selenium Webdriver and Java.

I have tried the following:

In my Page Object(Messages):

@FindBy(xpath="//div[@class='Message-text']")
public WebElement messageTextBox;

In my test cases:

AssertEquals(messages.messageTextBox.getText(), "Hey there!");

(I ultimately want to be able to retrieve the last message. But above, I simply wanted to verify the first.)

Answer 1

The rule is, if the following:

@FindBy(xpath="//div[@class='Message-text']")
public WebElement messageTextBox;

has more than one match, then return the first one . Which sounds like the opposite of what you want.

You probably want:

@FindBy(className="Message-text")
public List<WebElement> messageTextBoxes;

which will give you all of them. To get the last one now, you will need:

WebElement lastMessageTextBox = messageTextBoxes.get(messageTextBoxes.size() - 1);
AssertEquals(lastMessageTextBox.getText(), "Hey there!");