셀렌의 Actions 클래스: 그것은 무엇입니까? 어떻게 사용합니까?
How do we automate the web applications when there is a need to interact with the browser through a mouse or keyboard?
분명히 답은 셀렌이다.우리는 그것을 사용하여 자동화 스크립트를 통해 브라우저와 이런 상호작용을 할 수 있다.
How do we interact with the browser using Selenium test automation?
답은'행동류'다.예, Selenium의 Actions 클래스는 브라우저에서 단일 동작이나 일련의 동작을 수행할 수 있는 다양한 방법을 제공합니다."Selenium의 actions 클래스가 무엇입니까"에 대한 이 안내서에서 actions 클래스와 그 실현에 대해 알려드리겠습니다.이 개념을 깊이 연구하기 전에 우리 먼저 기본 지식을 이해합시다.
셀렌 중의 Actions 종류는 무엇입니까?
단추를 누르거나 검색 표시줄에 키워드를 입력하는 등 마우스나 키보드를 사용하는 방법의 주요 예입니다.이러한 상호작용은 마우스를 통해 이루어지며, 키보드는 Selenium의 Actions 클래스를 사용하여 자동화할 수 있다.말 그대로 Actions 클래스는 웹 응용 프로그램에서 실행할 수 있는 동작의 집합을 포함한다.
Selenium의 Actions 클래스가 무엇인지 이해하기 쉬우며, 까다로운 부분은 그것을 실현하는 것이다.브라우저에서 수행할 수 있는 작업은 크게 두 가지로 나뉩니다. 즉,
마우스 동작
actions 클래스에서 제공하는 다양한 마우스 동작은 -
키보드 조작
actions 클래스에서 제공하는 다양한 키보드 조작은 -
어떻게 하는지 알아요test PDF Files using Selenium test automation?
어떻게 Actions 클래스를 실현합니까?
이제 Selenium의 Actions 클래스가 무엇인지 알게 되었습니다. Selenium 테스트 자동화 스크립트에서 이 클래스를 실현할 때가 되었습니다.Selenium 자동화 스크립트에서 Actions 클래스를 구현하려면 다음 절차를 따르십시오.
1단계: 우선 패키지
org.openqa.selenium.interactions.Actions
를 가져와야 합니다.2단계: Actions 클래스에서 제공하는 방법을 사용하려면 이러한 대상을 만들고 WebDriver를 매개 변수로 전달해야 합니다.
// instantiate the WebDriver
WebDriver driver = new ChromeDriver();
// create an object of the Actions class
Actions act = new Actions(driver);
3단계: 생성된 객체는 현재 모든 작업에 사용할 수 있습니다.객체를 작성한 후에는 이러한 작업에 대한 다양한 작업을 볼 수 있습니다.이제 우리는 하나의 예시를 통해 모든 방법의 실현을 상세하게 이해합시다.
1. 보내기
Selenium의 Actions 클래스를 사용하면 sendKeys () 방법을 사용하여 응용 프로그램에 특정 값을 입력할 수 있습니다.
다음은 검색 엔진에서 검색 상자에 제품 이름을 전달하여 제품을 검색하는 간단한 코드입니다. -
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class sendKeysDemo {
public static void main(String[] args) {
//specify the driver location
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
//instantiate the driver
WebDriver driver = new ChromeDriver();
//specify the URL of the webpage
driver.get("https://www.google.com/");
//maximise the window
driver.manage().window().maximize();
//specify the locator of the search box
WebElement element = driver.findElement(By.xpath("//*[@id=\"tsf\"]/div[2]/div[1]/div[1]/div/div[2]/input"));
//create an object for the Actions class and pass the driver argument
Actions action = new Actions(driver);
//pass the product name that has to be searched in the website
action.sendKeys(element, "iphone").build().perform();
driver.quit();
}
}
이것이 바로 Selenium의 actions 클래스와 sendKeys () 방법을 사용하는 방법입니다.꼭 알고 싶어요. - 왜 저희가 마지막에build () 와perform () 을 추가합니까?build () 방법은 실행할 준비가 된 모든 동작을 포함하는 복합 동작을 생성합니다.perform () 방법은 정의된 일련의 작업을 수행하는 데 사용됩니다.
2、마우스 클릭
Selenium의 Actions 클래스는 특정 요소나 현재 마우스 위치에서 마우스 클릭을 수행할 수도 있습니다.
다음은 쇼핑몰에서 제품을 검색하고 검색 아이콘을 누르는 간단한 코드입니다.
import static org.testng.Assert.assertEquals;
import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class click {
public static void main(String[] args) {
//specify the driver location
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
//instantiate the driver
WebDriver driver = new ChromeDriver();
//specify the URL of the webpage
driver.get("https://www.amazon.in/");
//maximise the window
driver.manage().window().maximize();
//create an object for the Actions class and pass the driver argument
Actions action = new Actions(driver);
//specify the locator of the search box in which the product has to be typed
WebElement elementToType = driver.findElement(By.id("twotabsearchtextbox"));
//pass the value of the product
action.sendKeys(elementToType, "iphone").build().perform();
//specify the locator of the search button
WebElement elementToClick = driver.findElement(By.className("nav-input"));
//perform a mouse click on the search button
action.click(elementToClick).build().perform();
//verify the title of the website after searching the product
assertEquals(driver.getTitle(), "Amazon.in : iphone");
driver.quit();
}
}
3. ContextClick 및 더블 클릭
버튼을 두 번 또는 마우스 오른쪽 버튼으로 클릭해야 하는 경우 Selenium의 Actions 클래스에서도 수행할 수 있습니다.우리는 각각 doubleClick () 과 contextClick () 방법을 사용할 수 있다.
다음은 간단한 코드로 이 두 가지 조작을 수행할 수 있습니다-
import static org.testng.Assert.assertEquals;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class clickDemo {
public static void main(String[] args) {
// specify the driver location
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
// instantiate the driver
WebDriver driver = new ChromeDriver();
//specify the URL of the website
driver.get("https://www.amazon.in/");
//maximise the window
driver.manage().window().maximize();
WebElement element = driver.findElement(By.xpath("//*[@id=\"nav-xshop\"]/a[1]"));
Actions action = new Actions(driver);
action.doubleClick(element).build().perform();
assertEquals(driver.getTitle(), "Mobile Phones: Buy New Mobiles Online at Best Prices in India | Buy Cell Phones Online - Amazon.in");
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
action.contextClick().build().perform();
driver.quit();
}
}
4. 요소로 이동
이 방법은 웹 페이지의 특정 목표 요소로 이동하는 데 사용됩니다.마우스 커서가 이동하거나 메인 메뉴에 멈출 때만 볼 수 있는 하위 옵션이나 하위 메뉴가 있을 수도 있습니다.이 경우 Selenium의 Actions 클래스는 moveToElement() 방법을 제공합니다.목표 요소를 제외하고 우리는 x좌표와 y좌표를 이 방법의 매개 변수로 제공할 수 있다.
다음 장면을 자동화해 봅시다 -
https://www.lambdatest.com/ 사이트로 이동합니다.리소스 탭에 마우스를 놓고 블로그 하위 메뉴를 클릭하여 블로그에 게시된 글을 읽습니다.
import static org.testng.Assert.assertEquals;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class MoveTest {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
//specify the LambdaTest URL
driver.get("https://www.lambdatest.com/");
assertEquals(driver.getTitle(), "Most Powerful Cross Browser Testing Tool Online | LambdaTest");
driver.manage().window().maximize();
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
//specify the locator of the Resources menu
WebElement element = driver.findElement(By.xpath("//*[@id=\"navbarSupportedContent\"]/ul/li[4]/a"));
Actions act = new Actions(driver);
//mouse hover the Resources element
act.moveToElement(element).build().perform();
//specify the locator for the element Blog and click
driver.findElement(By.linkText("Blog")).click();
assertEquals(driver.getCurrentUrl(), "https://www.lambdatest.com/blog/");
//verify the page title after navigating to the Blog section
assertEquals(driver.getTitle(), "LambdaTest | A Cross Browser Testing Blog");
driver.close();
}
}
5.dragAndDrop
drag AndDrop(Web Element source, Web Element target) 방법은 원본에서 대상 위치로 요소를 드래그하는 데 사용됩니다.Selenium의 Actions 클래스에서 이 작업을 수행할 수 있는 두 가지 방법이 있습니다. -
이것은 우리가 수동으로 파일이나 이미지를 원본에서 목표로 드래그하는 방식입니다 -
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class ActionsTest {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.get("https://www.w3schools.com/html/html5_draganddrop.asp");
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
driver.manage().window().maximize();
Actions action = new Actions(driver);
WebElement source = driver.findElement(By.xpath("//*[@id=\"drag1\"]"));
WebElement destination = driver.findElement(By.xpath("//*[@id=\"div2\"]"));
action.clickAndHold(source).moveToElement(destination).release().build().perform();
driver.quit();
}
}
6. 보내기
앞에서 본 sendKeys () 방법은 주로 텍스트를 보내는 데 사용됩니다.이 섹션에서는 Ctrl, ALT, Shift 등 Selenium의 Actions 클래스를 사용하여 다른 키를 보내는 방법을 설명합니다.
쇼핑몰에서 일부 제품을 검색하면 제품 이름을 입력하고 키보드의 Enter 키를 누릅니다.이 작업은 검색 버튼을 클릭한 작업과 동일합니다.
다음은 Selenium의 키보드 actions 클래스만 사용하여 검색 작업을 수행하는 코드입니다. -
import static org.testng.Assert.assertEquals;
import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class enterDemo {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.get("https://www.amazon.in/");
driver.manage().window().maximize();
Actions action = new Actions(driver);
//specify the locator of the search box
WebElement elementToType = driver.findElement(By.id("twotabsearchtextbox"));
//pass the name of the product
action.sendKeys(elementToType, "iphone").build().perform();
//pass the Enter value through sendKeys
action.sendKeys(Keys.ENTER).build().perform();
assertEquals(driver.getTitle(), "Amazon.in : iphone");
driver.close();
}
}
7. KeyUp/KeyDown 키
키업과 키다운 방법은 키를 누르고 놓는 키보드 동작을 시뮬레이션하는 데 사용됩니다.이 방법들은 텍스트를 대문자나 소문자로 변환하고, 원본에서 텍스트를 복사하여 목표 위치에 붙여넣고, 웹 페이지를 아래로 스크롤하고, 다수치 선택 등 다양한 방법을 제공합니다. 이것은 셀레늄 테스트 자동화에서 가장 자주 사용하는 작업 클래스 중 하나입니다.
사례별 예시 코드 -
a, 텍스트를 대문자로 변환
수동으로 텍스트를 입력하려면 Shift 키를 누른 채 Shift 키를 놓지 않고 동시에 텍스트를 입력합니다.우리는 같은 논리를 우리의 코드에 응용할 수 있다. 다음과 같다.
import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class keysDemo {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.get("https://www.google.com/");
driver.manage().window().maximize();
WebElement element = driver.findElement(By.xpath("//*[@id=\"tsf\"]/div[2]/div[1]/div[1]/div/div[2]/input"));
Actions action = new Actions(driver);
//holds the SHIFT key and converts the text to uppercase
action.keyDown(element,Keys.SHIFT).sendKeys("lambdatest").build().perform();
driver.quit();
}
}
상기 코드를 실행할 때 결과는 아래 그림과 같다.b, 위아래로 페이지 스크롤
또한 Selenium test automation 의 Actions 클래스를 사용하여 페이지의 위쪽 또는 아래쪽으로 스크롤할 수 있습니다.
import static org.testng.Assert.assertEquals;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class Scroll {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.get("https://www.lambdatest.com/");
assertEquals(driver.getTitle(), "Most Powerful Cross Browser Testing Tool Online | LambdaTest");
driver.manage().window().maximize();
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
Actions act = new Actions(driver);
// Scroll Down using Actions class
act.keyDown(Keys.CONTROL).sendKeys(Keys.END).perform();
try {
Thread.sleep(1000);
} catch (InterruptedException e) {
e.printStackTrace();
}
// Scroll Up using Actions class
act.keyDown(Keys.CONTROL).sendKeys(Keys.HOME).perform();
driver.close();
}
}
주의: 페이지가 아래로 스크롤되고 다시 페이지 위로 스크롤되는 것을 볼 수 있도록 위의 코드에 일부러 대기 시간을 추가했습니다.c, 복사 붙여넣기(&P)
Selenium 테스트 자동화 중인 actions 클래스의 도움말에서 원본 코드에서 텍스트를 복사하여 대상 위치에 붙일 수도 있습니다.논리는 우리가 수동으로 텍스트를 복사하고 붙이는 방식과 같다.
다음은 텍스트를 복사하여 다른 위치에 붙여넣는 예제 코드입니다. -
import static org.testng.Assert.assertEquals;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class copyPaste {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.get("https://www.google.com/account/about/");
driver.manage().window().maximize();
WebElement element = driver.findElement(By.xpath("//*[text() = 'Create an account']"));
element.click();
driver.manage().timeouts().pageLoadTimeout(15, TimeUnit.SECONDS);
WebElement firstName = driver.findElement(By.id("firstName"));
WebElement userName = driver.findElement(By.id("username"));
firstName.sendKeys("shalini");
Actions action = new Actions(driver);
action.keyDown( Keys.CONTROL ).sendKeys( "a" ).keyUp( Keys.CONTROL ).build().perform();
action.keyDown( Keys.CONTROL ).sendKeys( "c" ).keyUp( Keys.CONTROL ).build().perform();
userName.click();
action.keyDown( Keys.CONTROL ).sendKeys( "v" ).keyUp( Keys.CONTROL ).build().perform();
driver.close();
}
}
출력 -d, 페이지 새로 고침
Selenium test automation의 Actions 클래스도 새로 고침을 위한 기본 작업에 사용할 수 있습니다.이것은 보기에는 그다지 유용하지 않을 것 같지만, 브라우저가 처음으로 페이지의 내용을 읽을 수 없을 때, 그것은 확실히 장점이 있다.
다음은 웹 페이지를 새로 고칠 수 있는 예시 코드입니다.
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class refresh {
public static void main(String[] args) {
System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\Driver\\chromedriver.exe");
WebDriver driver = new ChromeDriver();
driver.get("https://www.amazon.in");
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
driver.manage().window().maximize();
try {
Thread.sleep(3000);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
Actions action = new Actions(driver);
action.keyDown(Keys.CONTROL).sendKeys(Keys.F5).build().perform();
driver.quit();
}
}
끝났어!!!
한 마디로 하면, 우리는 Selenium의 Actions 클래스가 무엇인지, 그리고 브라우저와 상호작용하는 다른 방법을 이해했다.마우스 클릭, 텍스트 입력, 드래그, 특정 요소로 이동, 더블 클릭, 마우스 오른쪽 버튼 클릭, 내용 복사 및 붙여넣기, 페이지 새로 고침, 텍스트를 대문자 또는 소문자로 변환 등 다양한 작업을 수행하는 예시를 보았습니다.Actions 클래스가 Selenium에서의 중요성과 다양한 환경에서 어떻게 사용되는지 이해하시기 바랍니다.
Selenium 테스트 자동화 스크립트를 더욱 효과적으로 하기 위해 클라우드 Selenium 격자를 사용하고 발표 주기를 가속화하는 것을 권장합니다.LambdaTest는 2000여 개의 운영체제와 브라우저에서 실행할 수 있는 클라우드 기반의 Selenium 격자를 제공한다cross browser testing.LambdaTest 플랫폼에서 이러한 자동화 스크립트를 효과적으로 실현하고 피드백을 알려 주십시오.Selenium에서 Actions 클래스를 효과적으로 구현하는 다른 모든 장면을 마음대로 공유하십시오.반드시 이것을 당신의 친구와 동료에게 공유해야 합니다. 그러면 이것도 제가 이 화제에 관한 지식을 얻는 데 도움을 줄 것입니다.
Selenium 테스트 자동화에 관한 더 많은 재미있는 블로그에 계속 관심을 가져 주십시오.테스트 즐거웠어요!
Reference
이 문제에 관하여(셀렌의 Actions 클래스: 그것은 무엇입니까? 어떻게 사용합니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/lambdatest/actions-class-in-selenium-what-is-it-how-to-use-it-ng텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)