Невозможно получить текст из элемента после изменения размера окна браузера (Chrome)

Question

1. загрузить URL-адрес https://sfo -demo.herokuapp.com / модель-портфолио в хром
2. возможность видеть 2 вкладки (3 рекомендации портфолио на основе ваших предпочтений) & 15 других доступных вариантов портфеля)
3. Gettext, выполненный на этих 2 элементах, получает один и тот же текст (который отображается)
4. Изменить размер окна до 667, 375 (d.manage (). window (). setSize (новое измерение (667, 375));)
5. Текст этих 2 вкладок изменился. Теперь gettext (), выполняемый с этими двумя элементами, не будет извлекать текст

Answer 1

Когда вы изменяете размер окна, элементы DOM становятся устаревшими, и вам необходимо выполнить функцию WebDriver.findElements () еще раз, чтобы получить обновленные элементы.

Для совместимости вы можете использовать один и тот же локатор XPath для обоих случаев.

Пример кода:

ChromeDriver driver = new ChromeDriver();
driver.manage().window().maximize();
driver.get("https://sfo-demo.herokuapp.com/model-portfolio");

List<String> textBeforeResize = driver.findElements(By.xpath("//a[@data-toggle='tab']"))
        .stream()
        .map(WebElement::getText)
        .collect(Collectors.toList());

System.out.println("Before:");
textBeforeResize.forEach(System.out::println);

driver.manage().window().setSize(new Dimension(667, 375));

System.out.println("After:");
List<String> textAfterResize = driver.findElements(By.xpath("//a[@data-toggle='tab']"))
        .stream()
        .map(WebElement::getText)
        .collect(Collectors.toList());

textAfterResize.forEach(System.out::println);

Демонстрация:

Answer 2

Когда вы изменяете размер окна до 667, 375, элементы, которые вы видите, с мобильного вида *1007* и расположены в разных местах в пределах Дерево DOM .Поэтому вам нужно использовать другую стратегию локатора следующим образом:

• Кодовый блок:

  ChromeOptions chromeOptions = new ChromeOptions();
  chromeOptions.addArguments("start-maximized");
  chromeOptions.addArguments("disable-infobars");
  chromeOptions.addArguments("--disable-extensions"); 
  WebDriver driver = new ChromeDriver(chromeOptions); 
  driver.get("https://sfo-demo.herokuapp.com/model-portfolio");
  System.out.println("Elements in list with full screen:");
  System.out.println(new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfAllElementsLocatedBy(By.cssSelector("ul.model-portfolio-navs.hidden-sm.hidden-xs a"))).stream().map(element->element.getAttribute("innerHTML")).collect(Collectors.toList()));
  driver.manage().window().setSize(new Dimension(667, 375));
  System.out.println("Elements in list with window resized:");
  System.out.println(new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfAllElementsLocatedBy(By.cssSelector("ul.model-portfolio-navs.mobile.hidden-md.hidden-lg a"))).stream().map(element->element.getAttribute("innerHTML")).collect(Collectors.toList()));
  

• Выход на консоль:

  Elements in list with full screen:
  [
              3 Portfolio recommendations based on your preferences
            , 
              15 other portfolio choices available
            ]
  Elements in list with window resized:
  [Recommended (3), Others (15)]
  

Answer 3

Согласен с обоими предыдущими ответами.Использование абсолютного xpath для определения местоположения другого элемента:

package arun;

import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.Dimension;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

import webdriverFactoryPatternUsingSupplier.*;

public class Q56527756 {

    WebDriver driver = DriverFactory.getDriver(DriverType.CHROME);

    @Test
    public void demo() throws InterruptedException {

        driver.get("https://sfo-demo.herokuapp.com/model-portfolio");
        clickableByXpath("//*[@id=\"page-top\"]/div[3]/div[1]/nav/div[1]/a/img", 5);

        WebElement no1 = byXpath("//*[@id=\"page-top\"]/div[3]/section/div[2]/div[3]/ul[1]/li[1]/a");
        WebElement no2 = byXpath("//*[@id=\"page-top\"]/div[3]/section/div[2]/div[3]/ul[1]/li[2]/a");

        String firstElementFirstTry = no1.getText();
        String secondElementFirstTry = no2.getText();
        System.out.println(firstElementFirstTry);
        System.out.println(secondElementFirstTry);

        driver.manage().window().setSize(new Dimension(667, 375));

        // there are elementes fitting to no1's and no'2 xpath, but those are not the same, have no text

        // after resize your two elements are moved in 'ul' level
        WebElement no3 = byXpath("//*[@id=\"page-top\"]/div[3]/section/div[2]/div[3]/ul[2]/li[1]/a");
        WebElement no4 = byXpath("//*[@id=\"page-top\"]/div[3]/section/div[2]/div[3]/ul[2]/li[2]/a");

        String firstElementSecondTry = no3.getText();
        String secondElementSecondTry = no4.getText();
        System.out.println(firstElementSecondTry);
        System.out.println(secondElementSecondTry);

        driver.close();
        driver.quit();

    }

    // custom wait method
    public WebDriverWait waitSec(WebDriver driver, int sec) {
        return new WebDriverWait(driver, sec);
    } 

    public WebElement byXpath(String xpath) {
        WebElement element = driver.findElement(By.xpath(xpath));
        return element;
    }    

    public WebElement clickableByXpath(String xpath, int sec) {
           WebElement element = waitSec(driver, sec).until(ExpectedConditions.elementToBeClickable(By.xpath(xpath)));
           return element;
    }

}

Вывод:

Starting ChromeDriver 74.0.3729.6 (255758eccf3d244491b8a1317aa76e1ce10d57e9-refs/branch-heads/3729@{#29}) on port 15890
Only local connections are allowed.
Please protect ports used by ChromeDriver and related test frameworks to prevent access by malicious code.
[1560178038.495][WARNING]: This version of ChromeDriver has not been tested with Chrome version 75.
Čer 10, 2019 4:47:19 ODP. org.openqa.selenium.remote.ProtocolHandshake createSession
INFO: Detected dialect: OSS
3 Portfolio recommendations based on your preferences
15 other portfolio choices available
Recommended (3)
Others (15)

И заводская установка, если вы хотите попробовать это самостоятельно (просто отредактируйте пути):

package webdriverFactoryPatternUsingSupplier;

import java.util.HashMap;
import java.util.Map;
import java.util.function.Supplier;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.firefox.FirefoxOptions;
import org.openqa.selenium.firefox.FirefoxProfile;
import org.openqa.selenium.firefox.internal.ProfilesIni;

public class DriverFactory {

    private static final Map<DriverType, Supplier<WebDriver>> driverMap = new HashMap<>();

    public static String chromedriverPath = "C:\\Users\\pburgr\\Desktop\\selenium-tests\\GCH_driver\\chromedriver.exe";
    public static String chromeProfilePath = "C:\\Users\\pburgr\\AppData\\Local\\Google\\Chrome\\User Data";

    public static String geckodriverPath = "C:\\Users\\pburgr\\Desktop\\selenium-tests\\FF_driver_0_23\\geckodriver.exe";

    public static WebDriver driver;

    //chrome driver supplier
    private static final Supplier<WebDriver> chromeDriverSupplier = () -> {

        System.setProperty("webdriver.chrome.driver", chromedriverPath);
        ChromeOptions options = new ChromeOptions();
        options.addArguments("user-data-dir=" + chromeProfilePath);
        driver = new ChromeDriver(options);
        driver.manage().window().maximize();
        System.setProperty("webdriver.chrome.driver", "/path/to/chromedriver");
        return driver;
    };

    //firefox driver supplier
    private static final Supplier<WebDriver> firefoxDriverSupplier = () -> {

        FirefoxOptions options = new FirefoxOptions();
        ProfilesIni allProfiles = new ProfilesIni();         
        FirefoxProfile selenium_profile = allProfiles.getProfile("selenium_profile");
        options.setProfile(selenium_profile);
        options.setBinary("C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe");
        System.setProperty("webdriver.gecko.driver", geckodriverPath);
        driver = new FirefoxDriver(options);
        driver.manage().window().maximize();
        return driver;
    };

    //add more suppliers here

    //add all the drivers into a map
    static{
        driverMap.put(DriverType.CHROME, chromeDriverSupplier);
        driverMap.put(DriverType.FIREFOX, firefoxDriverSupplier);
    }

    //return a new driver from the map
    public static final WebDriver getDriver(DriverType type){
        return driverMap.get(type).get();
    }

}

и enum:

package webdriverFactoryPatternUsingSupplier;

    public enum DriverType {
        CHROME,
        FIREFOX,
        // SAFARI,  not implemented
        // IE;      not implemented
    }