СЕЛЕНИУМ 4 | КАК СДЕЛАТЬ СКРИНШОТ ПОЛНОЙ СТРАНИЦЫ С ИСПОЛЬЗОВАНИЕМ SELENIUM 4

В этом посте мы увидим возможности скриншотов Selenium 4. Используя Selenium 3, мы можем сделать снимок экрана веб-страницы.

Чтобы сделать снимок экрана целиком в Selenium 3, мы использовали утилиту aShot WebDriver Screenshot.

Автор используя функцию скриншота Selenium WebDriver 4, мы можем делать снимки экрана на уровне элемента, раздела и всей страницы.

Не пропустите: Новые функции в Selenium 4

Как делать скриншоты в Selenium 4?

Как обсуждалось выше, мы можем делать снимки экрана на уровне элемента, на уровне раздела и на уровне всей страницы, используя Selenium 4. Давайте подробно рассмотрим каждый из них. с образцом кода.

#1. Скриншот уровня элемента

В Selenium 4 появился новый метод getScreenshotAs(). Этот метод позволяет нам сделать снимок экрана определенного веб-элемента.

Следующий код позволяет вам сделать снимок экрана с «логотипом STM» на «< strong>SoftwareTestingMaterial” домашняя страница.

пакет стм.тест; импортировать org.testng.annotations.BeforeClass; импортировать org.testng.annotations.AfterClass; импортировать org.testng.annotations.Test; импортировать org.openqa.selenium.By; импортировать org.openqa.selenium.JavascriptExecutor; импортировать org.openqa.selenium.OutputType; импортировать org.openqa.selenium.WebDriver; импортировать org.openqa.selenium.WebElement; импортировать org.openqa.selenium.firefox.FirefoxDriver; импортировать org.openqa.selenium.io.FileHandler; импортировать org.openqa.selenium.support.ui.ExpectedConditions; импортировать org.openqa.selenium.support.ui.WebDriverWait; импортировать io.github.bonigarcia.wdm.WebDriverManager; импортировать java.io.File; импортировать java.io.IOException; импортировать java.time.Duration; открытый класс ElementSectionScreenshot { открытый драйвер WebDriver; @BeforeClass public void setUp() { WebDriverManager.firefoxdriver().setup(); драйвер = новый FirefoxDriver(); driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(10)); driver.get(“https://www.softwaretestingmaterial.com”); } @AfterClass public void afterClass() { driver.quit(); } @Test public void captureWebElementScreenshot() { WebElement elementLogo = driver.findElement(By.className(“has-logo-image”)); Файл src = elementLogo.getScreenshotAs(OutputType.FILE); File dest = new File(System.getProperty(“user.dir”) + “/screenshots/elementLogo.png”); попробуйте { FileHandler.copy(src, dest); } catch (исключение IOException) { exception.printStackTrace(); } } } }

#2. Скриншот уровня раздела

На главной странице STM в правом верхнем углу есть меню, как показано ниже.

< p>Следующий код позволяет сделать снимок экрана с меню на «SoftwareTestingMaterial» главной странице.пакет стм.тест; импортировать org.testng.annotations.BeforeClass; импортировать org.testng.annotations.AfterClass; импортировать org.testng.annotations.Test; импортировать org.openqa.selenium.By; импортировать org.openqa.selenium.JavascriptExecutor; импортировать org.openqa.selenium.OutputType; импортировать org.openqa.selenium.WebDriver; импортировать org.openqa.selenium.WebElement; импортировать org.openqa.selenium.firefox.FirefoxDriver; импортировать org.openqa.selenium.io.FileHandler; импортировать org.openqa.selenium.support.ui.ExpectedConditions; импортировать org.openqa.selenium.support.ui.WebDriverWait; импортировать io.github.bonigarcia.wdm.WebDriverManager; импортировать java.io.File; импортировать java.io.IOException; импортировать java.time.Duration; открытый класс ElementSectionScreenshot { открытый драйвер WebDriver; @BeforeClass public void setUp() { WebDriverManager.firefoxdriver().setup(); драйвер = новый FirefoxDriver(); driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(10)); driver.get(“https://www.softwaretestingmaterial.com”); } @AfterClass public void afterClass() { driver.quit(); } @Test public void captureSectionScreenshot() выдает InterruptedException { WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10)); wait.until(ExpectedConditions.visibilityOfElementLocated(By.className(“site-header-main-section-right”))); WebElement elementLogo = driver.findElement(By.className(“сайт-header-main-section-right”)); Файл src = elementLogo.getScreenshotAs(OutputType.FILE); Назначение файла = новый файл (System.getProperty(“user.dir”) + “/screenshots/sectionTutorials.png”); попробуйте { FileHandler.copy(src, dest); } catch (исключение IOException) { exception.printStackTrace(); } } }

#3. Скриншот полной страницы

Давайте посмотрим, как сделать скриншот всей страницы в Selenium.

В Selenium 4 есть метод getFullPageScreenshotAs() для Firefox. Это позволяет нам делать скриншоты всей страницы и сохранять их в указанном месте.

Здесь вместо приведения его к интерфейсу ‘TakeScreenshot’. Мы должны преобразовать его в экземпляр ‘FirefoxDriver’. Поскольку он работает только в браузере Firefox.

Файл src = ((FirefoxDriver) driver).getFullPageScreenshotAs(OutputType.FILE);

Следующий код позволяет сделать полноэкранный снимок главной страницы «SoftwareTestingMaterial» .

пакет стм.тест; импортировать java.io.File; импортировать java.io.IOException; импортировать java.time.Duration; импортировать org.openqa.selenium.OutputType; импортировать org.openqa.selenium.WebDriver; импортировать org.openqa.selenium.firefox.FirefoxDriver; импортировать org.openqa.selenium.TakesScreenshot; импортировать org.openqa.selenium.io.FileHandler; импортировать org.testng.annotations.AfterClass; импортировать org.testng.annotations.BeforeClass; импортировать org.testng.annotations.Test; импортировать io.github.bonigarcia.wdm.WebDriverManager; общедоступный класс FullPageScreenshot { общедоступный драйвер WebDriver; @BeforeClass public void setUp() { WebDriverManager.firefoxdriver().setup(); драйвер = новый FirefoxDriver(); driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(10)); driver.get(“https://www.softwaretestingmaterial.com/category/tutorial/”); } @AfterClass public void afterClass() { driver.quit(); } @Test public void captureFullPageScreenshot() выдает IOException { File src = ((FirefoxDriver)driver).getFullPageScreenshotAs(OutputType.FILE); FileHandler.copy(src, новый файл(“FullPageScreenshot.png”)); } @Test public void capturePageScreenshot() throws IOException { /*Интерфейс TakesScreenshot позволяет Selenium WebDriver делать снимки экрана и сохранять их разными способами. “получитьскриншоткак()” делает снимок экрана и сохраняет его в указанном месте.*/File src = ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE); FileHandler.copy(src, новый файл(“PageScreenshot.png”)); } }

Приведенный выше код делает два снимка экрана

1. FullPageScreenshot.png
2. PageScreenshot.png

1. FullPageScreenshot.png – полная веб-страница веб-сайта SoftwareTestingMaterial сверху вниз.

< р><сильный>2. PageScreenshot.png — только видимая часть веб-сайта SoftwareTestingMaterial.

Часто задаваемые вопросы

В чем разница между функцией Selenium Screenshot и новой функцией Selenium для создания скриншотов всей страницы?

Функция Selenium Screenshot захватывает видимую часть веб-страницы. Принимая во внимание, что функция скриншота полной страницы Selenium захватывает всю веб-страницу.

Где можно использовать скриншот полной страницы?

Функцию полноэкранного снимка экрана в Selenium 4 можно использовать для анализа ошибок и отчетов.

Заключение

Здесь мы увидели, что функция полностраничного снимка экрана выпущена. впервые в Selenium 4.

getScreenshotAs() — этот метод Selenium 4 позволяет нам сделать снимок экрана определенного веб-элемента.

getFullPageScreenshotAs() — этот метод Selenium 4 позволяет нам сделать полный скриншот страницы в Firefox.

Похожие сообщения:

• Введение в Selenium 4 и новые функции
• Учебное пособие по Selenium 4
• Вопросы для интервью по Selenium 4

TAG: qa

Еще об этом:

КАК ОБРАЩАТЬСЯ С ВЫПАДАЮЩИМ СПИСКОМ И МНОЖЕСТВЕННЫМ ВЫБОРОМ, ИСПОЛЬЗУЯ SELENIUM WEBDRIVER 100 САМЫХ ПОПУЛЯРНЫХ ПРОДВИНУТЫХ ВОПРОСОВ И ОТВЕТОВ НА ИНТЕРВЬЮ ПО SELENIUM КАК ВЫПОЛНЯТЬ ТЕСТЫ SELENIUM НА BROWERSTACK [МЕЖБРАУЗЕРНОЕ ТЕСТИРОВАНИЕ С ИСПОЛЬЗОВАНИЕМ SELENIUM] СТРУКТУРА, УПРАВЛЯЕМАЯ ДАННЫМИ, В SELENIUM WEBDRIVER | МАТЕРИАЛ ДЛЯ ТЕСТИРОВАНИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ КАК СДЕЛАТЬ СКРИНШОТЫ СБОЙНЫХ ТЕСТ-СЛУЧАЕВ С ИСПОЛЬЗОВАНИЕМ SELENIUM WEBDRIVER ПРОСЛУШИВАТЕЛИ СОБЫТИЙ WEBDRIVER В SELENIUM | РУКОВОДСТВО ПО СЕЛЕНУ ЗАПУСК СКРИПТОВ SELENIUM В ОБЛАКЕ LAMBDATEST | АВТОМАТИЗИРОВАННОЕ КРОСС-БРАУЗЕРНОЕ ТЕСТИРОВАНИЕ ОБЪЕКТНАЯ МОДЕЛЬ СТРАНИЦЫ С PAGE FACTORY В SELENIUM – ПОЛНОЕ РУКОВОДСТВО ИЗУЧИТЕ РУКОВОДСТВО ПО СЕЛЕКТОРУ CSS В SELENIUM WEBDRIVER [БЕЗ ИСПОЛЬЗОВАНИЯ КАКИХ-ЛИБО ИНСТРУМЕНТОВ] КАК СОЗДАВАТЬ ОБЪЕМНЫЕ ОТЧЕТЫ В SELENIUM WEBDRIVER [ОБНОВЛЕНИЕ 2022]