概念在使用 Selenium WebDriver 做自動(dòng)化測(cè)試的時(shí)候，會(huì)經(jīng)常模擬鼠標(biāo)和鍵盤的一些行為。比如使用鼠標(biāo)單擊、雙擊、右擊、拖拽等動(dòng)作；或者鍵盤輸入、快捷鍵使用、組合鍵使用等模擬鍵盤的操作。在 WebDeriver 中，有一個(gè)專門的類來(lái)負(fù)責(zé)實(shí)現(xiàn)這些測(cè)試場(chǎng)景，那就是 Actions 類，在使用該類的過(guò)程中會(huì)配合使用到 Keys 枚舉以及 Mouse、 Keyboard、CompositeAction 等類。 其次，在實(shí)際測(cè)試過(guò)程中，可能會(huì)遇到某些按鍵沒(méi)辦法使用 Actions、Keys 等類來(lái)實(shí)現(xiàn)的情況。 比如通過(guò)使用 Alt+PrtSc 組合鍵來(lái)實(shí)現(xiàn)截取屏幕當(dāng)前活動(dòng)窗口的圖像，在 Keys 枚舉中，因?yàn)闆](méi)有枚舉出 PrtSc 鍵，所以沒(méi)辦法通過(guò) Action 的 KeyDown(Keys) 來(lái)模擬按下這個(gè)動(dòng)作。 再次是在自動(dòng)化測(cè)試中，可能會(huì)遇到一些附件、文件上傳的場(chǎng)景，或者是多文件上傳，這些在 Selenium2.0 之后，可以直接使用 WebElement 類的 sendKeys() 方法來(lái)實(shí)現(xiàn)。 下面就分別介紹這些情況的具體使用。 鼠標(biāo)點(diǎn)擊操作鼠標(biāo)點(diǎn)擊事件有以下幾種類型： 清單 1. 鼠標(biāo)左鍵點(diǎn)擊Actions action = new Actions(driver);action.click();// 鼠標(biāo)左鍵在當(dāng)前停留的位置做單擊操作 action.click(driver.findElement(By.name(element)))// 鼠標(biāo)左鍵點(diǎn)擊指定的元素 清單 2. 鼠標(biāo)右鍵點(diǎn)擊Actions action = new Actions(driver); action.contextClick();// 鼠標(biāo)右鍵在當(dāng)前停留的位置做單擊操作 action.contextClick(driver.findElement(By.name(element)))// 鼠標(biāo)右鍵點(diǎn)擊指定的元素 清單 3. 鼠標(biāo)雙擊操作Actions action = new Actions(driver); action.doubleClick();// 鼠標(biāo)在當(dāng)前停留的位置做雙擊操作 action.doubleClick(driver.findElement(By.name(element)))// 鼠標(biāo)雙擊指定的元素 清單 4. 鼠標(biāo)拖拽動(dòng)作Actions action = new Actions(driver); // 鼠標(biāo)拖拽動(dòng)作，將 source 元素拖放到 target 元素的位置。 action.dragAndDrop(source,target); // 鼠標(biāo)拖拽動(dòng)作，將 source 元素拖放到 (xOffset, yOffset) 位置，其中 xOffset 為橫坐標(biāo)，yOffset 為縱坐標(biāo)。 action.dragAndDrop(source,xOffset,yOffset); 在這個(gè)拖拽的過(guò)程中，已經(jīng)使用到了鼠標(biāo)的組合動(dòng)作，首先是鼠標(biāo)點(diǎn)擊并按住 (click-and-hold) source 元素，然后執(zhí)行鼠標(biāo)移動(dòng)動(dòng)作 (mouse move)，移動(dòng)到 target 元素位置或者是 (xOffset, yOffset) 位置，再執(zhí)行鼠標(biāo)的釋放動(dòng)作 (mouse release)。所以上面的方法也可以拆分成以下的幾個(gè)執(zhí)行動(dòng)作來(lái)完成： action.clickAndHold(source).moveToElement(target).perform(); action.release(); 清單 5. 鼠標(biāo)懸停操作Actions action = new Actions(driver); action.clickAndHold();// 鼠標(biāo)懸停在當(dāng)前位置，既點(diǎn)擊并且不釋放 action.clickAndHold(onElement);// 鼠標(biāo)懸停在 onElement 元素的位置 action.clickAndHold(onElement) 這個(gè)方法實(shí)際上是執(zhí)行了兩個(gè)動(dòng)作，首先是鼠標(biāo)移動(dòng)到元素 onElement，然后再 clickAndHold, 所以這個(gè)方法也可以寫(xiě)成 action.moveToElement(onElement).clickAndHold()。 清單 6. 鼠標(biāo)移動(dòng)操作Actions action = new Actions(driver); action.moveToElement(toElement);// 將鼠標(biāo)移到 toElement 元素中點(diǎn) // 將鼠標(biāo)移到元素 toElement 的 (xOffset, yOffset) 位置， //這里的 (xOffset, yOffset) 是以元素 toElement 的左上角為 (0,0) 開(kāi)始的 (x, y) 坐標(biāo)軸。 action.moveToElement(toElement,xOffset,yOffset) // 以鼠標(biāo)當(dāng)前位置或者 (0,0) 為中心開(kāi)始移動(dòng)到 (xOffset, yOffset) 坐標(biāo)軸 action.moveByOffset(xOffset,yOffset); action.moveByOffset(xOffset,yOffset) 這里需要注意，如果 xOffset 為負(fù)數(shù)，表示橫坐標(biāo)向左移動(dòng)，yOffset 為負(fù)數(shù)表示縱坐標(biāo)向上移動(dòng)。而且如果這兩個(gè)值大于當(dāng)前屏幕的大小，鼠標(biāo)只能移到屏幕最邊界的位置同時(shí)拋出 MoveTargetOutOfBoundsExecption 的異常。 鼠標(biāo)移動(dòng)操作在測(cè)試環(huán)境中比較常用到的場(chǎng)景是需要獲取某元素的 flyover/tips，實(shí)際應(yīng)用中很多 flyover 只有當(dāng)鼠標(biāo)移動(dòng)到這個(gè)元素之后才出現(xiàn)，所以這個(gè)時(shí)候通過(guò)執(zhí)行 moveToElement(toElement) 操作，就能達(dá)到預(yù)期的效果。但是根據(jù)我個(gè)人的經(jīng)驗(yàn)，這個(gè)方法對(duì)于某些特定產(chǎn)品的圖標(biāo)，圖像之類的 flyover/tips 也不起作用，雖然在手動(dòng)操作的時(shí)候移動(dòng)鼠標(biāo)到這些圖標(biāo)上面可以出現(xiàn) flyover, 但是當(dāng)使用 WebDriver 來(lái)模擬這一移動(dòng)操作時(shí)，雖然方法成功執(zhí)行了，但是 flyover 卻出不來(lái)。所以在實(shí)際應(yīng)用中，還需要對(duì)具體的產(chǎn)品頁(yè)面做相應(yīng)的處理。 清單 7. 鼠標(biāo)釋放操Actions action = new Actions(driver); action.release();// 釋放鼠標(biāo) 鍵盤模擬操作對(duì)于鍵盤的模擬操作，Actions 類中有提供 keyUp(theKey)、keyDown(theKey)、sendKeys(keysToSend) 等方法來(lái)實(shí)現(xiàn)。鍵盤的操作有普通鍵盤和修飾鍵盤（Modifier Keys, 下面的章節(jié)將講到修飾鍵的概念）兩種 : 1. 對(duì)于普通鍵盤，使用 sendKeys(keysToSend) 就可以實(shí)現(xiàn)，比如按鍵 TAB、Backspace 等。 清單 8. 普通鍵盤模擬 sendKeys(keysToSend)Actions action = new Actions(driver); action.sendKeys(Keys.TAB);// 模擬按下并釋放 TAB 鍵 action.sendKeys(Keys.SPACE);// 模擬按下并釋放空格鍵 /*** 針對(duì)某個(gè)元素發(fā)出某個(gè)鍵盤的按鍵操作，或者是輸入操作， 比如在 input 框中輸入某個(gè)字符也可以使用這個(gè)方法。這個(gè)方法也可以拆分成: action.click(element).sendKeys(keysToSend)。 */ action.sendKeys(element,keysToSend); 注意除了 Actions 類有 sendKeys（keysToSend）方法外，WebElement 類也有一個(gè) sendKeys（keysToSend）方法，這兩個(gè)方法對(duì)于一般的輸入操作基本上相同，不同點(diǎn)在于以下幾點(diǎn)：
Actions action = New Actions(driver); action.sendKeys(element,“C：\\test\\upload\\test.jpg”); action.click(element).sendKeys(“C：\\test\\upload\\test.jpg”); 這種方式是上傳不成功的，雖然 WebDriver 在執(zhí)行這條語(yǔ)句的時(shí)候不會(huì)出錯(cuò)，但是實(shí)際上并沒(méi)有將文件上傳。所以要上傳文件，還是應(yīng)該使用前面一種方式。 2.對(duì)于修飾鍵（Modifier keys），一般都是跟普通鍵組合使用的。比如 Ctrl+a、Alt+F4、 Shift+Ctrl+F 等等。
清單 9. 修飾鍵方法 KeyDown(theKey)、keyUp(theKey)Actions action = new Actions(driver); action.keyDown(Keys.CONTROL);// 按下 Ctrl 鍵 action.keyDown(Keys.SHIFT);// 按下 Shift 鍵 action.keyDown(Key.ALT);// 按下 Alt 鍵 action.keyUp(Keys.CONTROL);// 釋放 Ctrl 鍵 action.keyUp(Keys.SHIFT);// 釋放 Shift 鍵 action.keyUp(Keys.ALT);// 釋放 Alt 鍵 所以要通過(guò) Alt+F4 來(lái)關(guān)閉當(dāng)前的活動(dòng)窗口，可以通過(guò)下面語(yǔ)句來(lái)實(shí)現(xiàn)：action.keyDown(Keys.ALT).keyDown(Keys.F4).keyUp(Keys.ALT).perform(); 而如果是對(duì)于像鍵盤上面的字母鍵 a,b,c,d... 等的組合使用，可以通過(guò)以下語(yǔ)句實(shí)現(xiàn) :action.keyDown(Keys.CONTROL).sednKeys(“a”).perform(); 在 WebDriver API 中，KeyDown(Keys theKey)、KeyUp(Keys theKey) 方法的參數(shù)只能是修飾鍵：Keys.SHIFT、Keys.ALT、Keys.CONTROL, 否者將拋出 IllegalArgumentException 異常。 其次對(duì)于 action.keyDown(theKey) 方法的調(diào)用，如果沒(méi)有顯示的調(diào)用 action.keyUp(theKey) 或者 action.sendKeys(Keys.NULL) 來(lái)釋放的話，這個(gè)按鍵將一直保持按住狀態(tài)。 使用 Robot 類來(lái)操作 Keys 沒(méi)有枚舉出來(lái)的按鍵操作1.在 WebDriver 中，Keys 枚舉出了鍵盤上大多數(shù)的非字母類按鍵，從 F1 到 F10，NUMPAD0 到 NUMPAD9、ALT\TAB\CTRL\SHIFT 等等，你可以通過(guò)以下鏈接查看 Keys 枚舉出來(lái)的所有按鍵，Enum Keys。 但是并沒(méi)有列出鍵盤上的所有按鍵，比如字母鍵 a、b、c、d … z，一些符號(hào)鍵比如：‘ {}\[] ’、‘ \ ’、‘?！ⅰ?? ’、‘：’、‘ + ’、‘ - ’、‘ = ’、、‘“”’，還有一些不常用到的功能鍵如 PrtSc、ScrLk/NmLk。對(duì)于字母鍵和符號(hào)鍵，前面我們已經(jīng)提到可以直接使用 sendKeys(“a”)，sendKeys(“/”) 的方式來(lái)觸發(fā)這些鍵盤事件。而對(duì)于一些功能組合鍵，如 Fn + NmLk 來(lái)關(guān)閉或者打開(kāi)數(shù)字鍵，或者 Alt+PrtSC 來(lái)抓取當(dāng)前屏幕的活動(dòng)窗口并保存到圖片，通過(guò) WebDriver 的 Keys 是沒(méi)辦法操作的。 這個(gè)時(shí)候我們就需要用到 Java 的 Robot 類來(lái)實(shí)現(xiàn)對(duì)這類組合鍵的操作了。 2.下面就以對(duì) Alt+PrtSc 為例介紹一下 Robot 對(duì)鍵盤的操作。如代碼清單 10。 清單 10. 通過(guò) Robot 發(fā)出組合鍵動(dòng)作 /**
*
* @Description: 這個(gè)方法用來(lái)模擬發(fā)送組合鍵 Alt + PrtSc, 當(dāng)組合鍵盤事件執(zhí)行之后，屏幕上的活動(dòng)窗口
* 就被截取并且存儲(chǔ)在剪切板了。 接下來(lái)就是通過(guò)讀取剪切板數(shù)據(jù)轉(zhuǎn)換成 Image 圖像對(duì)象并保存到本地。
* @param filename ： 要保存的圖像的名稱
*/
public static void sendComposeKeys(String fileName) throws Exception {
// 構(gòu)建 Robot 對(duì)象，用來(lái)操作鍵盤
Robot robot = new Robot();
// 模擬按下鍵盤動(dòng)作，這里通過(guò)使用 KeyEvent 類來(lái)獲取對(duì)應(yīng)鍵盤（ALT）的虛擬鍵碼
robot.keyPress(java.awt.event.KeyEvent.VK_ALT);
// 按下 PrtSC 鍵
robot.keyPress(java.awt.event.KeyEvent.VK_PRINTSCREEN);
// 釋放鍵盤動(dòng)作，當(dāng)這個(gè)動(dòng)作完成之后，模擬組合鍵 Alt + PrtSC 的過(guò)程就已經(jīng)完成，
//此時(shí)屏幕活動(dòng)窗口就一被截取并存入到剪切板
robot.keyRelease(java.awt.event.KeyEvent.VK_ALT);
// 獲取系統(tǒng)剪切板實(shí)例
Clipboard sysc = Toolkit.getDefaultToolkit().getSystemClipboard();
// 通過(guò) getContents() 方法就可以將剪切板內(nèi)容獲取并存入 Transferable 對(duì)象中
Transferable data = sysc.getContents(null);
if (data != null) {
/***
判斷從剪切板獲取的對(duì)象內(nèi)容是否為 Java Image 類， 如果是將直接轉(zhuǎn)化為 Image 對(duì)象。
到此為止，我們就從發(fā)出組合鍵到抓取活動(dòng)窗口，再讀取剪切板并存入 Image 對(duì)象的過(guò)程
就完成了，接下來(lái)要做的就是需要將 Image 對(duì)象保存到本地。
*/
if (data.isDataFlavorSupported(DataFlavor.imageFlavor)) {
Image image = (Image) data
.getTransferData(DataFlavor.imageFlavor);
writeImageToFile(image, fileName);
}
}
}Robot 類對(duì)鍵盤的處理是通過(guò) keyPress(int keycode)、keyRelease(int keycode) 方法來(lái)實(shí)現(xiàn)的，其中他們需要的參數(shù)是鍵盤按鍵對(duì)應(yīng)的虛擬鍵碼，虛擬鍵碼的值可以通過(guò) KeyEvent 類來(lái)獲取。在 Java API 中對(duì)于虛擬鍵碼的解釋如下： 虛擬鍵碼用于報(bào)告按下了鍵盤上的哪個(gè)鍵，而不是一次或多次鍵擊組合生成的字符（如 "A" 是由 shift ＋ "a" 生成的）。 例如，按下 Shift 鍵會(huì)生成 keyCode 為 VK_SHIFT 的 KEY_PRESSED 事件，而按下 'a' 鍵將生成 keyCode 為 VK_A 的 KEY_PRESSED 事件。釋放 'a' 鍵后，會(huì)激發(fā) keyCode 為 VK_A 的 KEY_RELEASED 事件。另外，還會(huì)生成一個(gè) keyChar 值為 'A' 的 KEY_TYPED 事件。 按下和釋放鍵盤上的鍵會(huì)導(dǎo)致（依次）生成以下鍵事件： KEY_PRESSED KEY_TYPED（只在可生成有效 Unicode 字符時(shí)產(chǎn)生。） KEY_RELEASED 所以當(dāng)測(cè)試中需要用到按下鍵盤 Alt+PrtSc 鍵的時(shí)候，只需要執(zhí)行代碼清單 10 中兩個(gè) keyPress() 和一個(gè) keyRelease() 方法即可。 3.當(dāng)這兩個(gè)按鍵執(zhí)行結(jié)束之后，屏幕上面的活動(dòng)窗口已經(jīng)保存到剪切板中。如果需要將其保存本地圖片，只需要從剪切板讀取并通過(guò) JPEGImageEncoder 類或者 ImageIO 類將其寫(xiě)入本地即可。 清單 11. 使用 JPEGImageEncoder 將 Image 對(duì)象保存到本地 /**
*
* @Description: 這個(gè)方法用來(lái)將 Image 對(duì)象保存到本地，主要是通過(guò) JPEGImageEncoder 類來(lái)實(shí)現(xiàn)圖像的
* 保存
* @param image ： 要保存的 Image 對(duì)象
* @param filename ： 保存圖片的文件名稱
*/
public static void writeImageToFile(Image image, String fileName) {
try {
// 獲取 Image 對(duì)象的寬度和高度， 這里的參數(shù)為 null 表示不需要通知任何觀察者
int width = image.getWidth(null);
int height = image.getHeight(null);
BufferedImage bi = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 通過(guò) BufferedImage 繪制圖像并保存在其對(duì)象中
bi.getGraphics().drawImage(image, 0, 0, null);
// 構(gòu)建圖像名稱及保存路徑
String name = Const.DIRECTORY + fileName + Const.FORMAT;
File dir = new File(Const.DIRECTORY);
if (!dir.exists()) {
dir.mkdir();
}
FileOutputStream out = new FileOutputStream(name);
@SuppressWarnings("restriction")
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
encoder.encode(bi);
out.flush();
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}代碼清單 11 是通過(guò) JPEGImageEncoder 類將 Image 對(duì)象寫(xiě)到本地文件流，注意 Image 對(duì)象是在代碼清單 10 中的如下語(yǔ)句獲取到的： Clipboard sysc = Toolkit.getDefaultToolkit().getSystemClipboard();
Transferable data = sysc.getContents(null);
if (data != null) {
if (data.isDataFlavorSupported(DataFlavor.imageFlavor)) {
Image image = (Image) data
.getTransferData(DataFlavor.imageFlavor);
writeImageToFile(image, fileName);
}
}清單 12. 使用 ImageIO 將 Image 對(duì)象保存到本地 /**
*
* @Description: 通過(guò)使用 ImageIO 類來(lái)保存 Image 對(duì)象為本地圖片
* @param image ： 需要保存的 Image 對(duì)象
* @param filename ： 文件名
*/
public static void saveImage(Image image, String fileName) throws Exception {
// 獲取 Image 對(duì)象的高度和寬度
int width = image.getWidth(null);
int height = image.getHeight(null);
BufferedImage bi = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
Graphics g = bi.getGraphics();
//通過(guò) BufferedImage 繪制圖像并保存在其對(duì)象中
g.drawImage(image, 0, 0, width, height, null);
g.dispose();
File f = new File(fileName);
// 通過(guò) ImageIO 將圖像寫(xiě)入到文件
ImageIO.write(bi, "jpg", f);
}使用 sendKeys(keysToSend) 批量上傳文件在 Selenium2.0 之前，要上傳文件是比較麻煩的一件事件，因?yàn)辄c(diǎn)擊 Upload File 控件會(huì)彈出 Windows 窗口以提供用戶選擇文件，但是 Window 窗口已經(jīng)是瀏覽器之外的組件，所以 Selenium 本身沒(méi)辦法控制， 而必須使用 Java Robot 類來(lái)模擬鍵盤去操作剪切板實(shí)現(xiàn)上傳功能，而且及其不穩(wěn)定。 在 Selenium 2.0 之后，WebDriver 解決了這個(gè)問(wèn)題。前面已經(jīng)談到過(guò)，直接使用 WebElement 類的 sendKeys(keysToSend) 方法就可以實(shí)現(xiàn)文件上傳了。但是如果想批量上傳文件，使用 element.sendKeys(“C：\\test\\upload\\test1.txt”, “C:\\test\\upload\\test2.txt”...) 方法也是不行的，它能通過(guò)執(zhí)行，但是實(shí)際上沒(méi)有上傳成功。這時(shí)可以通過(guò)循環(huán)的方式來(lái)實(shí)現(xiàn)文件的批量上傳，代碼清單 13 是我在百度云上面批量上傳文件的測(cè)試。 清單 13. 批量上傳文件 /**
*
* @Description: 在百度云上測(cè)試文件批量上傳功能，主要是通過(guò)循環(huán)的方式去做單一
* 的上傳動(dòng)作 , 登陸過(guò)程已經(jīng)去掉
*/
@Test
public void test_mutilUploadFile() throws Exception {
System.out.println("upload start");
// 獲取上傳控件元素
WebElement uploadButton = driver.findElement(By.name("html5uploader"));
// 構(gòu)建上傳文件路徑，將需要上傳的文件添加到 CharSequence 數(shù)組
CharSequence[] files = new CharSequence[5];
files[0] = "C:\\test\\test1.txt";
files[1] = "C:\\test\\test2.txt";
files[2] = "C:\\test\\test3.txt";
files[3] = "C:\\test\\test4.txt";
files[4] = "C:\\test\\test5.txt";
// 循環(huán)列出每支需要上傳的文件路徑，做單一上傳動(dòng)作
for(CharSequence file: files){
uploadButton.sendKeys(file);
}
Thread.sleep(2000);
System.out.println("upload end");
}當(dāng)執(zhí)行結(jié)束后，效果如圖 1。 圖 1. 批量上傳文件 結(jié)束語(yǔ)在 Selenium WebDriver 中，有了 Actions 類和 Keys 枚舉對(duì)鍵盤和鼠標(biāo)的操作已經(jīng)做的非常到位，再結(jié)合 Java 本身 Robot、KeyEvent 等類的使用，基本上可以滿足工作中遇到的對(duì)鼠標(biāo)鍵盤操作的應(yīng)用了。 其次要注意的地方是 WebDriver 對(duì)瀏覽器的支持問(wèn)題，Selenium WebDriver 支持的瀏覽器非常廣泛，從 IE、Firefox、Chrome 到 Safari 等瀏覽器， WebDriver 都有相對(duì)應(yīng)的實(shí)現(xiàn)：InterntExplorerDriver、FirefoxDriver、ChromeDriver、SafariDriver、AndroidDriver、 IPhoneDriver、HtmlUnitDriver 等。根據(jù)個(gè)人的經(jīng)驗(yàn)，F(xiàn)irefox 以及 Chrome 瀏覽器對(duì) WebDriver 的支持最好了，F(xiàn)irefox 搭上 Firebug 以及 Firepath, 在寫(xiě)腳本的過(guò)程中非常方便，而 ChromeDriver 是 Google 公司自己支持與維護(hù)的項(xiàng)目。HtmlUnitDriver 速度最快，一個(gè)純 Java 實(shí)現(xiàn)的瀏覽器。IE 比較慢，而且對(duì)于 Xpath 等支持不是很好。更多關(guān)于 Selenium WebDriver 的知識(shí)，大家可以從下面的鏈接去訪問(wèn) Selenium 官方文檔。 |
|
|
來(lái)自： 小豬窩969 > 《selenium》
