添加依賴
<dependency>
<groupId>org.seleniumhq.selenium</groupId>
<artifactId>selenium-java</artifactId>
<version>3.141.59</version>
</dependency>
<dependency>
<groupId>io.cucumber</groupId>
<artifactId>cucumber-jvm</artifactId>
<version>6.11.0</version>
<type>pom</type>
</dependency>
<dependency>
<groupId>io.cucumber</groupId>
<artifactId>cucumber-java</artifactId>
<version>6.11.0</version>
</dependency>
<dependency>
<groupId>io.cucumber</groupId>
<artifactId>cucumber-junit</artifactId>
<version>6.11.0</version>
<scope>test</scope>
</dependency>
<dependency>
<groupId>io.cucumber</groupId>
<artifactId>cucumber-picocontainer</artifactId>
<version>6.11.0</version>
<scope>test</scope>
</dependency>
初始化配置
WEBDRIVER_TIMEOUT = 15
WebDriverChromeDriverPath = D:\\tools\\chromedriver_win32\\chromedriver.exe
WEBDRIVER_URL_DOMAIN = http://localhost:8088/
private WebDriver initWebDriver(String domain){
Map<String, String> config = this.getConfig();
System.setProperty("webdriver.chrome.driver", config.get("WebDriverChromeDriverPath"));
WebDriver webDriver = new ChromeDriver();
if ("DOMAIN1".equalsIgnoreCase(domain)) {
webDriver.get(config.get("WEBDRIVER_URL_DOMAIN1"));
} else {
webDriver.get(config.get("WEBDRIVER_URL_DOMAIN2"));
}
webDriver.manage().window().setSize(new Dimension(800, 700));
webDriver.manage().window().setPosition(new Point(400, 0));
webDriver.manage().timeouts().implicitlyWait(Long.valueOf(config.get("WEBDRIVER_TIMEOUT")), TimeUnit.SECONDS);
PageFactory.initElements(webDriver, this);
return webDriver;
}
編寫step和feature,並在啓動類註解中指向它們。
執行類和執行結果
Selenium cucumberCSS selector使用
Selenium官網的Document裏推薦使用CSS locator,CSS locator比XPath locator速度快,特別是在IE下面(IE沒有自己的XPath 解析器(Parser))他比xpath更高效更準確更易編寫。因爲前端開發人員就是用CSS Selector設置頁面上每一個元素的樣式,無論那個元素的位置有多複雜,他們能定位到,那我們使用CSS Selector肯定也能非常精準的定位到頁面Elements。
1.根據tagName
driver.findElement(By.cssSelector("input")
2.根據ID
driver.findElement(By.cssSelector("input#username"));html標籤和#id
driver.findElement(By.cssSelector("#username"));只是#id
3.根據className
單一class:driver.findElement(By.cssSelector(".username"));.class
複合class:driver.findElement(By.cssSelector(".username.**.***"));.classA.classB
4.根據元素屬性
1)精準匹配:
[1] driver.findElement(By.cssSelector("input[name=username]"));屬性名=屬性值,id,class,等都可寫成這種形式
[2] driver.findElement(By.cssSelector("img[alt]")); 存在屬性。例如img元素存在alt屬性
[3] driver.findElement(By.cssSelector("input[type='submit'][value='Login']"));多屬性
2)模糊匹配:(正則表達式匹配屬性)
[1] ^= driver.findElement(By.cssSelector(Input[id ^='ctrl'])); 匹配到id頭部 如ctrl_12
[2] $= driver.findElement(By.cssSelector(Input[id $='ctrl'])); 匹配到id尾部 如a_ctrl
[3] *= driver.findElement(By.cssSelector(Input[id *= 'ctrl'])); 匹配到id中間如1_ctrl_12
5.查詢子元素
<form id="form" class="fm" name="f">
<span id="s_kw_wrap" class="bg s_ipt_wr quickdelete-wrap">
<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd">
</span>
<span id="s_btn_wr" class="btn_wr s_btn_wr bg">
<input id="su" class="btn self-btn bg s_btn" type="submit" value="百度一下">
</span>
</form>
以上代碼是百度首頁搜索輸入框和按鈕的html,下面講解以此爲例
1)子元素 A>B
WebElement input= driver.findElement(By.cssSelector("form>span>input"));//搜索輸入框
2)後代元素 A空格B
WebElement input= driver.findElement(By.cssSelector("form input"));//搜索輸入框
3)第一個後代元素 :first-child
WebElement span= driver.findElemet(By.cssSelector("form :first-child"));//冒號前有空格,定位到form下所有級別的第一個子元素
可定位到三個元素:<span id="s_kw_wrap".../> <input id="kw"..../> <input id="su"........./>
WebElement span= driver.findElemet(By.cssSelector("form input:first-child"));//冒號前無空格,定位到form下所有級別的第一個input元素
可定位到兩個元素:<input id="kw"..../> <input id="su"........./>
WebElement span= driver.findElemet(By.cssSelector("form>span:first-child"));//冒號前無空格,定位到form直接子元素中的第一個span元素
可定位到一個元素:<span id="s_kw_wrap".../>
4)最後一個子元素 :last-child [類同:first-child]
WebElement userName = driver.findEleme(By.cssSelector("form :last-child"));//冒號前有空格,定位到form下所有級別的第一個子元素
5)第2個子元素 :nth-child(N) [類同:first-child]
WebElement userName = driver.findElemet(By.cssSelector("form#form :nth-child(2)"));//冒號前有空格,定位到form下所有級別的第二個子元素
6.查詢兄弟元素
driver.findElement(By.cssSelector("form#form span+span")); 定位到a 再定位到和它相鄰的b