Java?Selenide?簡介與用法

更新時間：2022年01月21日 09:12:16 作者：Juno3550

Selenium?是目前用的最廣泛的Web?UI?自動化測試框架，本文給大家介紹下Java?Selenide使用，感興趣的朋友一起看看吧

Selenide 介紹

Selenide github

Selenide 官方文檔

什么是selenium

一套軟件工具，用來支持不同的自動化測試方法

開源軟件：可以根據(jù)需要來增加重構(gòu)工具的某些功能

跨平臺：linux ， windows mac

核心功能就是可以在多個瀏覽器上進行自動化測試

支持多種編程語言

目前已經(jīng)被google , 百度，騰訊等公司廣泛使用

能夠?qū)崿F(xiàn)類似商業(yè)工具的大部分功能，并且還實現(xiàn)了商業(yè)工具不能支持的功能

建議大家整體學(xué)習(xí)整套工具，將來好選擇適合自己測試目的的測試工具。

Selenide 是對 Selenium 的一個封裝，其語法更加簡單。其優(yōu)點如下：

代碼簡單、易讀
內(nèi)置隱式等待（無需考慮元素的等待時間）
用例運行完后自動關(guān)閉瀏覽器
自動對失敗用例截圖
由于是對 Selenium 的封裝，所以可以和 Selenium 一起使用
...

Selenide 的團隊自詡它是一個測試工具而不是一個測試框架，因為它只是 Webdriver 的一個封裝（目前只有 Java 版本），其底層的實現(xiàn)還是 Webdriver。所以他們認為并沒有偉大到開發(fā)了一個測試框架，而僅僅是個測試工具（很謙虛的說）。

所以一切 Webdriver 能做的，Selenide 都能做。Webdriver 做不到的，也別指望 Selenide 能做到。

就像團隊人員說的“Selenide is just a wrapper”，如果你不想使用 Selenide 了，或者 Selenide 滿足不了你的需要，你大可以通過以下方式獲取一個 Webdriver，直接操作 Webdriver 的 API 。

driver = WebDriverRunner.getWebDriver();

所以如果有小伙伴擔心這個新興的工具沒有強大到滿足你的項目需求怎么辦？大可以放心，最壞的情況也就是直接用 Webdriver 去做就好了。

官方快速入門

Maven 依賴：

不同版本的 Selenide 所兼容的 selenium 版本不同（如 Selenide 5 對應(yīng) selenium 4）。

不同版本的 Selenide 所默認支持的瀏覽器版本范圍也不同。

 <dependency>
            <groupId>com.codeborne</groupId>
            <artifactId>selenide</artifactId>
            <version>5.25.1</version>
        </dependency>

測試代碼：

@Test
public void testBaiduSearch() {
   open("https://www.baidu.com");
   $(By.name("username")).setValue("johny");
   $("#submit").click();
   $(".success-message").shouldHave(text("Hello, Johny!"));
}

前面說了 Selenide 致力于封裝更簡單好用的 API，所以開啟和關(guān)閉瀏覽器這些東西它都幫你做好了。

Selenide 默認使用 Firefox 瀏覽器，如果你要使用其他瀏覽器可以手動設(shè)置：

Configuration.browser="chrome";
// 如果默認chrome版本不兼容，可以在環(huán)境變量中設(shè)置 chrome 瀏覽器的路徑
System.setProperty("webdriver.chrome.driver", Constant.getChromeDriverPath());
// 手動設(shè)置 chrome 瀏覽器的路徑
System.setProperty("webdriver.chrome.driver", "e:\\chromedriver.exe");

元素定位

Selenide 使用$符號定位一個元素，使用 IDEA 時只要輸入“$(by”就可以通過代碼提示來找到我們想要的方法。如下圖：

// $ 符號默認參數(shù)是 CSS 定位表達式，返回 SelenideElement 類的對象，SelenideElement 繼承 WebElement，該對象表示頁面上 CSS 選擇器找到的第一個元素
$(String cssSelector)

// 輸出的元素: "<option value=livemail.ru checked=true selected:true>@livemail.ru</option>"
System.out.println($("#customerContainer"));

// 通過元素 id 定位
$("#id")
$(byId("id"))

// 通過 class 定位
$(".className")
$(byClassName(".className"))

// 通過 name 定位
$(byName("name"))

// 通過 text 定位。如果使用 selenium 的話只能用小 path 的寫法，如 driver.findElementByXpath(“//*[text()=‘Sign in']”)
$(byText("Sign in"))

// 通過Xpath定位
$(byXpath("http://*[text()='Sign in']"))

// 通過元素的屬性定位
$(byAttribute("placeholder", "房源編號"))

// $$ 用于定位一組元素（返回 ElementsCollection 類型的元素集合），且可以再在集合中繼續(xù)定位元素
$$("#search-results a").findBy(text("selenide.org"))

元素操作

元素操作：

click()  // 點擊
doubleClick()  // 雙擊
contextClick()
hover()
setValue(String)/val(String)  // 文本輸入
pressEnter()  // 回車鍵
pressEscape()
pressTab()
selectRadio(String value)
selectOption(String)
append(String)
dragAndDropTo(String)

獲取元素狀態(tài)和屬性值：

getValue()/val()
data()
attr(String)
text()  // 返回頁面上的可見文本
innerText()  // 返回 DOM 中元素的文本
getSelectedOption()
getSelectedText()
getSelectedValue()
isDisplayed()  // 如果元素被隱藏（不可見）或者 DOM 中不存在元素，則返回 false
exists()  // 如果 DOM 中存在元素，則返回 true

瀏覽器操作

// 打開瀏覽器（如果尚未打開）并加載URL
open(String URL);

// 切換瀏覽器窗口
switchTo().window(1);

// 刷新
refresh();

// 線程等待
sleep();

// 操作 alert
confirm();  // 確定 alert
confirm("exceptionText");  // 判斷alert的文字是否是期望的那個，如果是則接收 alert
dismiss();  // 取消 alert

斷言

Selenide 通過 should 來進行斷言，相當于 Assert 。

示例如下：

$("input").should(exist);  // 驗證元素應(yīng)該存在

$("input").shouldBe(visible);  // 驗證元素應(yīng)該可見

$("input").shouldHave(exactText("Some text"));  // 驗證元素的 text 是否包含 Some text

$("input").shouldHave(value("John"));  // 驗證元素的 value 屬性等于 John

$("#input").shouldHave(id("myForm"));  // 驗證元素的 id 屬性等于 myForm

$("#btn-Search").shouldHave(text("搜索"));  // 驗證元素是否包含“搜索”文本

$("#btn-Search").shouldNotHave(text("搜索"));  // 驗證元素不包含“搜索”文本

$("#customerContainer").should(matchText("profile"));  // 使用正則表達式：是否包含“profile”文本

還可以使用斷言來做顯示等待，等待的狀態(tài)（visible、enabled、text(“some text”)）是否滿足，直到超時達到的值（默認設(shè)置為 4000 毫秒），例如：

$("#submit").shouldBe(enabled).click();

還可以明確設(shè)置超時：

waitUntil(條件, 毫秒)
waitWhile(條件, 毫秒)

常用配置

// 把 webDriver 傳給 selenide
setWebDriver(driver);

// 獲取當前 driver
WebDriverRunner.getWebDriver();

// 設(shè)置瀏覽器運行完不關(guān)閉
Configuration.holdBrowserOpen = true;

// 修改報告默認生成路徑
Configuration.reportsFolder = "target/reports/test"+Configuration.browser;

// 設(shè)置遠程服務(wù)器（如selenium Grid Hub）
Configuration.remote = "http://xxxxxxx";

// selenide 默認使用 Firefox 瀏覽器，可以手動設(shè)置使用其他瀏覽器
System.setProperty("webdriver.chrome.driver", chromeDriverPath);
Configuration.browser = "chrome";

// selenide 自動對于失敗用例進行截圖，默認保存在 build/report 里面

Selenide 和 Webdriver 對比

創(chuàng)建 webdriver 的方式：

// webdriver
DesiredCapabilities desiredCapabilities = DesiredCapabilities.htmlUnit();
desiredCapabilities.setCapability(HtmlUnitDriver.INVALIDSELECTIONERROR, true);
desiredCapabilities.setCapability(HtmlUnitDriver.INVALIDXPATHERROR, false);
desiredCapabilities.setJavascriptEnabled(true);
WebDriver driver = new HtmlUnitDriver(desiredCapabilities);

// selenide
open("/my-application/login");

Selenide 直接在open 這個 API 里就啟動瀏覽器了，當測試結(jié)束時就會關(guān)閉瀏覽器。

查詢頁面元素：

// webdriver
WebElement customer = driver.findElement(By.id("customerContainer"));

// selenide
WebElement customer = $(By.id("customerContainer"));

這方面倒沒有什么特別簡化的，但是 selenide 有其他更靈活的方式搜尋控件，例如 byText、byValue 等等，這些在 webdriver 中除非用 xpath，否則是做不到的。

// selenide
WebElement customer = $(byText("Customer profile"));
WebElement temp = $(byValue("不使用")).click();
WebElement temp1 = $(byAttribute("data-name",“test name”)).click();

再看看下面一個，如果返回多個元素，取其中一個：

// webdriver
driver.findElements(By.tagName("li")).get(5);

// selenide
$("li", 5);  // 取一個元素：取所有標簽為li的元素中的第5個
$$("#multirowTable tr").filterBy(text("Norris"));  // 取一個集合：取特定的集合后再去搜尋text為期望值的元素

斷言控件：

// webdriver
assertEquals("Customer profile", driver.findElement(By.id("customerContainer")).getText());

// selenide
$("#customerContainer").shouldHave(text("Customer profile"));

Selenide 提供一系列 should 標簽幫我們做斷言的工作，而且有一批text()的這種選擇器來幫助我們斷言各種類型。上面的例子就是斷言控件是否有期望的 text 。

Selenide 專門有一個 condition 包，里面有各種各樣的 condition，這些 condition 就是 should 標簽的參數(shù)。上面的例子 text 就是一個 condition，其他的還有 id、value、attribute、readonly 等等。

等待控件：

有些時候為了增加穩(wěn)定性，我們需要增加等待一個控件出現(xiàn)的機制。因為控件可能不是立刻出現(xiàn)的，或者說等待一個控件的某個屬性變成一個特定值。

// webdriver
FluentWait<By> fluentWait = new FluentWait<By>(By.tagName("TEXTAREA"));
fluentWait.pollingEvery(100, TimeUnit.MILLISECONDS);
fluentWait.withTimeout(1000, TimeUnit.MILLISECONDS);
fluentWait.until(new Predicate<By>() {
    public boolean apply(By by) {
        try {
            return browser.findElement(by).isDisplayed();
        } catch (NoSuchElementException ex) {
            return false;
        }
    }
});
assertEquals("John", browser.findElement(By.tagName("TEXTAREA")).getAttribute("value"));

// selenide
$("TEXTAREA").shouldHave(value("John"));

可以看到 Selenide 一個 should 的 API 搞定了。它默認 4s 超時，4s 內(nèi)會循環(huán) check 控件的 value 是否變成了期望值。同樣的還有 text、attribute 等選擇器。

正則表達式：

// webdriver
WebElement element = driver.findElement(By.id("customerContainer"));
assertTrue(Pattern.compile(".*profile.*", DOTALL).matcher(element.getText()).matches());

// selenide
$("#customerContainer").should(matchText("profile"));

關(guān)于 alert ：

// webdriver
try {
     Alert alert = checkAlertMessage(expectedConfirmationText);
     alert.accept();
   } catch (UnsupportedOperationException alertIsNotSupportedInHtmlUnit) {
     return;
   }
   Thread.sleep(200); // sometimes it will fail

// selenide
confirm("Are you sure to delete your profile?");
// 或者
dismiss("Are you sure to delete your profile?");

到此這篇關(guān)于Java Selenide 介紹與使用的文章就介紹到這了,更多相關(guān)Java Selenide 使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！