Расположение элементов

web Основная операция автоматического тестирования — найти соответствующие элементы на странице, а затем выполнить с ними определенные операции. Существует много распространенных способов позиционирования элементов, например id,classname,tagname,xpath,cssSelector Часто используемые основные причины cssSelector и xpath

cssSelector

Функция селектора: выбирает указанный элемент метки на странице.

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

image.png

xpath

XML Язык путей может использоваться не только в XML Чтобы найти информацию в файле, вы также можете HTML Выберите узлы в .

xpath Используйте выражения пути для выбора xml Узлы в документе

В синтаксисе XPath:

• получать HTML Все узлы на странице: //*
• получать HTML страницаобозначениеизузел：//[Указать узел]
  • //ul：получать HTML Все страницы ul узел
  • //input：получать HTML Все страницы input узел
• получатьодинузелпрямой сынузел：/
  • //span/input
• получатьодинузелотецузел：..
  • //input/..：получать input узелотецузел
• выполнитьузелсопоставление атрибутов：[@...]
  • //[@id='kw]：соответствовать HTML на странице id Свойства kw изузел
• Используйте указанный метод индекса для получения соответствующего содержимого узла.
  • Уведомление：xpath Индекс взят из 1 началось
  • Байду Домашняя страница пройдена：//div/ul/li[3],Найдите третий горячий тег поиска Байду.

Более удобное поколение selector/xpath из⽅Режим：Щелкните правой кнопкой мыши и выберитекопировать"Copy selector/xpath"

Примечание. Страницы, открываемые автоматизацией, могут не совпадать при входе в систему или нет. При выполнении теста автоматизации необходимо обратить внимание на согласованность статуса страницы.

Найти элемент

1. findElement,существоватьстраница Найти элемент, возвращаемое значение WebElement Найти элементы страницы

driver.findElement(By.cssSelector("#s-hotsearch-wrapper > div > a.hot-title > div > i:nth-child(1)")).click();  
driver.findElement((By.xpath("//*[@id=\"s-hotsearch-wrapper\"]/div/a[1]/div/i[1]"))).click();

• Оба этих запроса находят Байду горячими запросами.

1. findElements,существоватьстраница Найти элемент, возвращаемое значениедля List<WebElement>

List<WebElement> elements = driver.findElements(By.cssSelector("#hotsearch-content-wrapper > li > a > span.title-content-title"));  
for(WebElement str : elements){  
    System.out.println(str.getText());  
}

• Распечатайте популярные поисковые заголовки

image.png

Манипулировать тестовыми объектами

Щелкните/отправьте объект — — click()

//Находим Байду и нажимаем
driver.finElement(By.cssSelector("#su")).click();

Помимо кнопок, на которые можно нажимать, можно также нажимать и большинство других элементов на странице.

• Скрытыми элементами на странице невозможно управлять, иначе будет сообщено об ошибке.

image.png

Имитировать ввод клавиш — sendKeys("")

Этот метод можно использовать для ввода текста где угодно.

driver.findElement(By.cssSelector("#kw")).sendKeys("Сегодняшняя погода");
Thread.sleep(3000);
драйвер.выйти();

![[Запись экрана 16.11.2024 165917.mp4]]

Очистить текстовое содержимое — —clear()

После ввода текста вы хотите изменить новое ключевое слово, поэтому вам нужно использовать его здесь. clear()

Если вы хотите изменить несколько ключевых слов в одной сцене, вам необходимо каждый раз очищать предыдущее ключевое слово, если оно не очищено; sendKeys Операция сращивания будет завершена.

driver.findElement(By.cssSelector("#kw")).sendKeys("Я люблю игры");
driver.findElement(By.cssSelector("#kw")).clear();
driver.findElement(By.cssSelector("#kw")).sendKeys("Я люблюизучать");

Получить текстовую информацию — getText()

WebElement bdtext =  driver.findElement(By.cssSelector("#hotsearch-content-wrapper > li:nth-child(3) > a > span.title-content-title"));  
System.out.println(bdtext.getText());  

Вопрос: Можно ли пройти getText() Как получить текст «Нажмите Baidu» на кнопке «Нажмите кнопку Baidu»?

//получить Байду текст на кнопке  
String text = driver.findElement(By.cssSelector("#su")).getText();  
System.out.println("Текст над Байду: "+text);

• Конечный результат:

image.png

• напечатанный text пусто, потому что "Байду" input Значение атрибута в теге должно быть getAttribute(String) Вынь, его не вынесешь, взяв текст

image.png

//получить Байду текст на кнопке  
String text = driver.findElement(By.cssSelector("#su")).getAttribute("value");  
System.out.println("Текст над Байду: "+text);

image.png|360

Получить заголовок и URL-адрес страницы

String title = driver.getTitle();  
String url = driver.getCurrentUrl();  
System.out.println(title);  
System.out.println(url);

image.png|327

окно

Установить размер окна

//Установить размер окна  
//окноминимизировать  
driver.manage().window().minimize();  
Thread.sleep(2000);  
//окномаксимизировать  
driver.manage().window().maximize();  
Thread.sleep(2000);  
//окно на весь экран  
driver.manage().window().fullscreen();  
Thread.sleep(2000);  
//нестандартный размер  
driver.manage().window().setSize(new Dimension(800,400));  
Thread.sleep(2000);

Переключить окно

Когда драйвер будет создан, объект драйвера будет указывать на дескриптор открытой страницы.

• Каждая вкладка имеет свою собственную информацию об дескрипторе.
• Если вы хотите driver Чтобы указать на другие вкладки, необходимо изменить наведение

1. получить информацию об дескрипторе для всех вкладок
2. Если информация об дескрипторе вновь созданного окна отличается от информации об дескрипторе исходной страницы вкладки, выполните указанные изменения.
3. тем самым достигая Переключить окноиз Эффект

• получатьтекущийстраницаручка：driver.getWindowHandle()
• получатьвсестраницаручка：driver.getWindowHandles()

driver.findElement(By.cssSelector("#s-hotsearch-wrapper > div > a.hot-title > div")).click();  
String curHandle = driver.getWindowHandle();  
Set<String> allHandles = driver.getWindowHandles();  
for(String handle : allHandles){  
    if(handle != curHandle){  
        //Выключатель driver Ручка указывает на  
        driver.switchTo().window(handle);  
    }  
}

• в соответствии с driver получить дескрипторы всех страниц, но указывает только на одну

Примечание: выполнено driver.close() Раньше нужно было переключиться на незакрытое окно

• автоматизация вообще не сохраняет существование и приходится открывать много вкладок,Перейти на любую вкладку
• Может использоваться напрямую driver.get(URL) Сделать прыжок

Закрыть окно

//Закрываем текущую вкладку
driver.close();

//Закрываем браузер и освобождаем объект драйвера
driver.quit();

• нравиться driver Наведите курсор на вкладку 1, то даже если вы закроете вкладку 1. Без изменений driver Вы не можете закрыть вкладку, указав 2. Если только driver из Указание на изменения

close() Он используется в относительно небольшом количестве сценариев и будет использоваться только в следующих сценариях:

• После тестирования открывшейся новой вкладки продолжайте возвращаться к предыдущей вкладке для тестирования.

ждать

Если появляется надпись «Написание автоматизированного кода» NoSuchElement ошибка

• Шаг 1. Добавьте перед кодом ошибки Thread.sleep(Второй),Настройка занимает больше времени
• Шаг 2: Выполните автоматизацию,Откройте инструменты фронтенд-разработчика на открывшейся странице существующейавтоматизации.,Руководство Проверить элемент Это правда?изнет то же самое
  1. Страница, открытая автоматизацией, не содержит существующего элемента
     • Страница открытая вручную иавтоматизация другая (скорее всего страница разная при входе и не входе)
     • элементдля动态элемент（Решение：先定位动态элементиз Метка предыдущего уровня,Затем добавьте тег элемента для позиционирования)
  2. На странице, открытой автоматизацией, элемент существует.
     • Код выполняется быстрее, чем отображается страница. Страница еще не отрендерена,Программа уже начала его искать,Приводит к тому, что элемент не найден（Решение：добавить вждать）

Обязательное ожидание

Добейтесь эффекта ожидания, блокируя потоки

Thread.sleep(Второй);

• преимущество：Простой метод письма,Легко понять,Заблокируйте программу напрямую
• недостаток：большойиздобавленавтоматизацияиз Время выполнения

100 тестовые примеры, каждый тестовый пример добавляет обязательное среднее время ожидания 3 s

• общий：1000 * 3 = 3000s = 50min
• идеальныйизслучай：2 - 3min

скрытый Режимждать

скрытый Режимждатьэто своего родаразумныйждать,он может оговоритьсуществовать Найти элемент, существующий непрерывно. Найти в течение указанного времени. элемент. Если он найден, код продолжает выполняться, и будет сообщаться об ошибке до тех пор, пока не истечет время ожидания элемента и ни один элемент не будет найден.

Твоя девушка сменила школу и попросила тебя подождать ее три года. Но на следующий год она вернулась.

• Вы настаиваете на том, чтобы подождать три года, прежде чемионасуществовать Вместе（Обязательное ожидание）
• после того, как она вернется,Ты простоионасуществовать Вместе Понятно（скрытый Режимждать）
• implicitlyWait() параметр：Duration Миллисекунды, секунды, минуты и другие методы, представленные в классе.

//Неявное ожидание 3 секунды
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));

//Неявное ожидание 3000 миллисекунд
driver.manage().timeouts().implicitlyWait(Duration.ofMillis(3000));

• существовать 3s Элемент найден внутри, продолжить выполнение
• существовать 3s Элемент не найден, сообщается об ошибке NoSuchElement
• Используйте опрос, чтобы найти этот элемент, и продолжайте спрашивать, найден ли он.
• преимущество：разумныйждать,Глобальный эффект

скрытый РежимждатьОбластью действия являются все элементы всего скрипта.。То есть до тех пор, пока driver Объект не освобожден（driver.quit()）,Неявное ожидание действует всегда.

показывать Режимждать

Явное ожидание также является умным ожиданием.,существоватьУкажите тайм-аутПокаСоблюдение условий эксплуатациипродолжит выполнять последующий код

new WebDriverWait(driver, Duration.ofSeconds(3).until($express))

• $press：связанный с selenium.support.ui.ExpectedCondition Подписанный ExprxtedCondition добрый
• возвращаемое значение：boolean

WebDriverWait wait = new WebDriverWait(driver,Duration.ofSeconds(3));  
wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("#su")));  
//Сначала убедитесь, что элемент сохранен и на него можно щелкнуть  
driver.findElement(By.cssSelector("#su")).click();

• преимущество：показывать Режимждатьдаразумныйждать,Условия явного ожидания можно настроить.,Гибкая работа
• недостаток: сложный способ письма

ExpectedConditions Некоторые примеры предопределенных:

• elementToBeClickable(By location)：используется для Проверить элементиз期望да可见изи включен,чтобы вы могли нажать на него
• textToBe(By locator, String str)：Проверить элемент（точное совпадение）
• presenceOfElementLocated(By locator)：исследоватьстраницаиз DOM Имеется ли существующий элемент на
• urlToBe(java.lang.String url)：исследоватьтекущийстраницаиз URL это конкретный URL

Навигация в браузере

• Открыть сайт

//Более длинный метод
driver.navigate().to("https://www.bytedance.com");

//простой метод
driver.get("https://www.bytedance.com");

• Браузер вперед, назад, обновление

//Назад
driver.navigate().back();  
//вперед, продолжать
driver.navigate().forward();  
//обновить
driver.navigate().refresh();