您好,登錄后才能下訂單哦!
資源推薦:
社區(qū)資源: 自動(dòng)化測(cè)試交流群
介紹
在Selenium IDE中我們可以使用runScript命令去執(zhí)行js代碼片段,以輔助完成一些Selenium不方便達(dá)成的任務(wù),同樣,在WebDriver中我們也可以使用JavascriptExecutor工具類去完成js代碼執(zhí)行,下面我就四點(diǎn)詳細(xì)闡述該工具的使用及工作原理。
本篇文章討論主題包括:
1. JavascriptExecutor執(zhí)行js代碼的兩種方法介紹。
2. JavascriptExecutor執(zhí)行js代碼的兩種方法使用示例。
3. JavascriptExecutor執(zhí)行js的原理。
4. JavascriptExecutor常用案例。
下面我們依次對(duì)以上三個(gè)話題進(jìn)行詳細(xì)講解!
1. JavascriptExecutor執(zhí)行js代碼的兩種方法介紹
Object executeScript(String script, Object... args);
Object executeAsyncScript(String script, Object... args);
executeScript方法接收兩個(gè)參數(shù)和一個(gè)返回值:
script,javascript代碼片段,這段js代碼片段是作為js函數(shù)的完整方法體,可以使用return語(yǔ)句作為函數(shù)的返回值。
args, 參數(shù)數(shù)組,參數(shù)數(shù)組用于將外部數(shù)據(jù)傳遞給script(js代碼片段),script中可以通過(guò)arguments[index]方式索引args數(shù)組中的參數(shù);參數(shù)數(shù)據(jù)類型必須是以下幾種(number, boolean, String, WebElement, 或者以上數(shù)據(jù)類型的List集合),當(dāng)然無(wú)參數(shù)可以保留為空。
返回值,返回值是由js代碼片段計(jì)算后通過(guò)return語(yǔ)句返回,返回值數(shù)據(jù)類型可以為(WebElement,Double,Long,Boolean,String,List或Map),沒(méi)有return語(yǔ)句,這里返回?cái)?shù)據(jù)為null。
executeAsyncScript方法接收兩個(gè)參數(shù)和一個(gè)返回值:
script,javascript代碼片段,這段js代碼片段是作為js函數(shù)的完整方法體,與executeScript主要有兩點(diǎn)不同:
1. 此處的script必須在代碼結(jié)束時(shí)明確調(diào)用callback方法以通知webdriver該script執(zhí)行結(jié)束;該callback方法是由webdriver注入到arguments數(shù)組中最后一個(gè)元素;可以通過(guò)arguments[arguments.length-1]獲取到,且可以使用該回調(diào)函數(shù)返回計(jì)算結(jié)果(只需要將放回結(jié)果作為回調(diào)函數(shù)的參數(shù)即可)
2. 該script執(zhí)行會(huì)有超時(shí)時(shí)間,默認(rèn)為60s,超時(shí)時(shí)間內(nèi)未調(diào)用callback方法,JavascriptExecutor會(huì)拋出Timeout異常。
args, 規(guī)則同executeScript。
返回值,規(guī)則同executeScript
2. JavascriptExecutor執(zhí)行js代碼的兩種方法使用示例。
//示例一 使用executeScript方法,在js代碼中獲取方法傳入的參數(shù)數(shù)組 //使用arguments索引方法中傳入的參數(shù)數(shù)組,并使用return將定義的函數(shù)體計(jì)算結(jié)果返回. //代碼中傳入3個(gè)參數(shù),js語(yǔ)句中索引第二,三各參數(shù)。 JavascriptExecutor jsExec = (JavascriptExecutor)driver; String functionBody = "return arguments[1]+','+arguments[2]"; String returnRes = (String)jsExec.executeScript(functionBody, 1, "hello", "selenium"); System.out.println(returnRes); //示例二 使用executeAsyncScript方法,在js代碼中獲取方法傳入的參數(shù)數(shù)組,并通過(guò)調(diào)用callback方法返回函數(shù)體計(jì)算結(jié)果 //代碼中傳入3個(gè)參數(shù),js語(yǔ)句中索引第二,三各參數(shù)。 //超時(shí)時(shí)間是為callback方法調(diào)用而設(shè)置的,超時(shí)時(shí)間內(nèi)沒(méi)有調(diào)用callback方法,默認(rèn)會(huì)再等待設(shè)定的超時(shí)間,在此沒(méi)有返回則拋出異常。 driver.manage().timeouts().setScriptTimeout(2, TimeUnit.SECONDS); String script = "var res = arguments[0] + ',' + arguments[1]; " + "var callback = arguments[2];" + "callback()"; String returnVal = (String)driver.executeAsyncScript(script, "hello" , "selenium"); System.out.println(">>>" + returnVal);
3. JavascriptExecutor執(zhí)行js的原理。
如何理解JavascriptExecutor如何運(yùn)行js代碼,需要對(duì)javascript基礎(chǔ)有一定的認(rèn)識(shí),首先給大家羅列兩個(gè)javascript中三種定義和調(diào)用函數(shù)的示例,大家看完示例就不難理解webdriver是如何去運(yùn)行javascript代碼了,同時(shí)也能消除(為何在javascript中使用arguments來(lái)接收方法傳入的參數(shù))的困惑。
第一種函數(shù)定義方式: function sum(a, b) { return a+b; } sum(2,3); //輸出5 第二種函數(shù)定義方式: var sum = new Function('a', 'b', 'return a+b;'); sum(2,3) //輸出5 第二種方式我們可以改寫為: new Function('a', 'b', 'return arguments[0]+arguments[1]').apply(null,[1,2]); //輸出5
當(dāng)然函數(shù)的定義不限于以上三種寫法,我們這里重點(diǎn)講解第二種和第三種方法,相信大家在看到這兩種使用方式時(shí),已經(jīng)理解webdriver是如何調(diào)用js代碼了,但還會(huì)疑惑為什么會(huì)使用arguments來(lái)接收參數(shù)。
我們所有定義的function實(shí)質(zhì)上是對(duì)Function類的實(shí)現(xiàn),而Functions類的定義中arguments作為局部變量,通過(guò)arguments索引接收所有參數(shù),即使在方法定義中未指定的參數(shù),大家來(lái)看下面的代碼示例:
function add(a) { var sum =0, len = arguments.length; for(var i=0; i<len; i++){ sum += arguments[i]; } return sum; } add(1,2,3,4); //10
相信講到這里大家應(yīng)該非常清楚webdriver是如何去執(zhí)行js代碼的原理了,事實(shí)上webdriver就是通過(guò)new Function方式定義匿名函數(shù)來(lái)運(yùn)行javascript代碼的。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。