zoukankan      html  css  js  c++  java
  • selenium 总结篇,常见方法和页面元素的操作

    今天,总结一下selenium怎么操作web页面常见的元素。

    主要有:

    • 上传
    • alter dialog
    • prompt dialog
    • confirm dialog
    • select list
    • radio box
    • input box
    • checkBox

    测试页面如下:

      1 <html>
      2   <head>
      3     <title>selenium处理基本页面元素</title>
      4 <style type="text/css">
      5     table{font-size:26;text-align:center;width:80%;border-collapse:collapse;margin:auto}    
      6     table th{background: #aff}
      7     .display{color:red}
      8     .widgetStyle{text-align:left;padding-left:100px}    
      9 </style>
     10      <script language= "javascript" type="text/javascript">
     11             function clickbutton(flag)
     12             {
     13                 if (flag == 1) alert("测试alert对话框");
     14                 if (flag == 2) 
     15         {
     16             var name=prompt("测试prompt对话框","");
     17                   if (name!=null && name!="")
     18                     {
     19                         //document.write(name);
     20                     alert(name);
     21                     }    
     22         }
     23                 if (flag == 3)
     24         {
     25                 var r=confirm('测试confirm对话框', '测试confirm对话框?',"测试结果:")
     26                   if (r==true)
     27                     {
     28                         //document.write("You pressed OK!")
     29                     alert("You pressed OK!");
     30                     }
     31                   else
     32                     {
     33                         //document.write("You pressed Cancel!")
     34 
     35                     alert("You pressed Cancel!");
     36                     }
     37         }
     38         if (flag == 4)
     39              
     40             alert(document.getElementById("edit").value);
     41             
     42 
     43                 }
     44 
     45 
     46 
     47  
     48         function getOptions()
     49           {
     50               var x=document.getElementById("Selector");
     51               var y=x.options[x.selectedIndex].text
     52               // document.write(y);
     53             alert(y);
     54           }
     55         </script>
     56     </head>
     57     
     58     <body>
     59         <center>
     60     </br>
     61     <div>
     62     <p>
     63      
     64     <div class="text" style="font-size:36;text-align:center"><b>seleniun处理基本元素</b></div>
     65     </p>
     66         <hr>
     67         </div>
     68     <p>
     69         <table cellpadding="10" cellspacing="0" border="2">
     70         <thead>
     71             <tr>
     72                 <th width=20% class="widgetleft">测试内容</th>
     73                 <th width=80% class="widgetStyle">页面基本元素</th>                
     74             </tr>
     75         </thead>
     76             
     77         
     78             <tr>
     79                 <td>文件上传</td>
     80                 <td><input type="file" name="attach[]"  /></td>
     81             </tr>
     82             
     83             <tr>
     84                 <td>alter对话框</td>
     85                 <td> 
     86                     <input type="button" name="alterbutton" value="测试alter对话框"  onclick = "clickbutton(1);" />
     87                 </td>
     88             </tr>
     89             
     90             <tr>
     91                 <td>prompt对话框</td>
     92                 <td> 
     93                     <input type="button" name="promptbutton" value="测试prompt对话框"  onclick = "clickbutton(2);" />
     94                 </td>
     95             </tr>
     96             
     97             <tr>
     98                 <td>confirm对话框</td>
     99                 <td> 
    100                     <input type="button" name="confirmbutton" value="测试confirm对话框"  onclick = "clickbutton(3);" />
    101                 </td>
    102             </tr>
    103             <tr>
    104                 <td>select菜单</td>
    105                 <td> 
    106                 <select id="Selector">
    107                     <option value="apple" index="1" >苹果</option>
    108                     <option value="peach"  index="2" >桃子</option>
    109                     <option value="banana" index="3" >香蕉</option>
    110                     <option value="orange"  index="4">桔子</option>
    111                     <option value="grape"  index="5">葡萄</option>
    112                     <option value="mango"  index="6">芒果</option>
    113         </select>
    114             <br /><br />
    115             <input type="button" id="showSelectResult" name="showSelectResult" onclick="getOptions()" value="选择结果">
    116                 </td>
    117             </tr>
    118 
    119           <tr>
    120                 <td>文本框</td>
    121                 <td> 
    122                     <input type="text" name="edit" id="edit" value="" />
    123             <input type="button" name="submit" value="submit"  onclick = "clickbutton(4);"/>
    124                 </td>
    125             </tr>
    126 
    127       <tr>
    128         <td>RadioBox</td>
    129         <td class="widgetStyle">
    130         <label>
    131         Which is your favourite company? 
    132         </label>
    133         <div id='radio'  >
    134         <input type='radio' name="company" class='Baidu'/>
    135             <span class="pip"></span>
    136             <label>百度</label>
    137         </br>
    138         <input type='radio' name="company" class='AliBaBa'/>
    139             <span class="pip"></span>
    140             <label>阿里巴巴</label></br>
    141         <input type='radio' name="company" class='Tencent' checked/>
    142             <span class="pip"></span>
    143             <label>腾讯</label></br>
    144         <input type='radio' name="company" class='Mi' disabled="true"/>
    145             <span class="pip"></span>
    146             <label>小米</label>
    147          </td>                        
    148          </tr>
    149 
    150     <tr>
    151          <td>CheckBox</td>
    152         <td class="widgetStyle">
    153         <label>
    154         In which way do you know about Selenium
    155         <label>
    156         <div id='checkbox'>
    157         <input type="checkbox" name="checkbox1" id="web"/><label>网络</label></br>
    158         <input type="checkbox" name="checkbox2" id="training"/><label>培训</label></br>
    159         <input type="checkbox" name="checkbox3" id="friend"/><label>朋友介绍</label></br>
    160         <input type="checkbox" name="checkbox4" id="other" /><label>其他方式</label> 
    161         </div>
    162         </td>                        
    163     </tr>
    164     <tr>
    165     <td>Select Links</td>
    166     <td>
    167     <div class="links">
    168                <select name="jumpMenu" id="jumpMenu" onchange="window.open(this.value)">
    169                 <option selected="selected">市县教育局</option>
    170                 <option value="http://www.zzjy.gov.cn/" >郑州市教育局</option>
    171                 <option value="http://www.kfedu.com.cn/" >开封教育网</option>
    172                 <option value="http://www.lyenet.org/" >洛阳市教育局</option>
    173                 <option value="http://www.pdsedu.gov.cn/" >平顶山教育网</option>
    174                 <option value="http://www.anyangedu.com/" >安阳教育信息网</option>
    175                 <option value="http://www.hnhbedu.net/" >鹤壁教育信息网</option>
    176                 <option value="http://www.xxjy.gov.cn/" >新乡市教育局</option>
    177                 <option value="http://www.jzedu.cn/" >焦作市教育局</option>
    178                 <option value="http://www.xcsjyw.com/" >许昌教育网</option>
    179                 <option value="http://www.lhjy.net/" >漯河教育网</option>
    180                 <option value="http://www.smxjy.cn/" >三门峡教育信息港</option>
    181                 <option value="http://www.sqedu.gov.cn/" >商丘市教育局</option>
    182                 <option value="http://www.zkedu.gov.cn/" >周口市教育局</option>
    183                 <option value="http://www.zmdedu.net/" >驻马店教育局 </option>
    184                 <option value="http://www.nyedu.net/" >南阳教育局</option>
    185                 <option value="http://www.xinyangedu.gov.cn/" >信阳市教育局</option>
    186                 <option value="http://www.jyedu.org/" >济源教育网</option>
    187               </select>
    188     </div>
    189     </td>
    190     </tr>
    191             </table>
    192 
    193 
    194        </p>
    195     <p>
    196         <label for="edit">转载请注明出处</label>
    197         </br>
    198         <a href="http://www.cnblogs.com/tobecrazy/" >Copyright 2015 to be crazy </a>
    199     </p>
    200     
    201         </center>
    202     </body>
    203 </html>
    View Code

    selenium 最核心的技巧是WebElement的识别和定位

    selenium总共有八种定位方法 

    1.  By.id()  通过id定位
    2.  By.name()  通过name 定位
    3.  By.xpath() 通过xpath定位
    4.  By.className() 通过className定位
    5.  By.cssSelector() 通过CSS 定位
    6.  By.linkText() 通过linkText
    7.  By.tagName() 通过tagName
    8.  By.partialLinkText() 通过匹到的部分linkText

    目前,使用比较多的是cssSelector和xpath,因为一个页面中Id name className tagName LinkText等比较容易重复 不容易 确定唯一

    接下来会有具体的例子来演示如何定位   


    上传文件

    一般,上传页面如果是input,像这样的,可以使用sendkeys

    首先,这里使用xpath定位到该元素,然后使用sendKeys即可,sendKeys send你要上传的文件的绝对路径

    1 //td/input[@type='file']

    也可以使用cssSelector,关于xpath和cssSelector更多知识,以后会做一些专题

    1 td>input[type='file']

    如何验证你写的xptah/cssSelector是正确的呢?

    有以下几种方法:

    • F12 ,使用浏览器的console  ,xpath使用$x()  function,css使用    $() function                                                          
    • 使用第三方插件firebug
    • 使用selenium IDE

    alert对话框

     细分三种,Alert,prompt,confirm

     Selenium有以下方法:

         

     Alert alert =driver.switchTo().alert();

          1. driver.switchTo().alert();  获取alert

          2. alert.accept(); 点确定

          3. alert.dismiss(); 点取消

          4. alert.getText();获取alert的内容

     

        


    select菜单

        select也是比较常见的,selenium封装了以下方法

        创建select

       

    WebElement selector = driver.findElement(By.id("Selector"));
    Select select = new Select(selector);

       

    选择select的option有以下三种方法

    • selectByIndex(int index) 通过index
    • selectByVisibleText(String text) 通过匹配到的可见字符
    • selectByValue(String value) 通过匹配到标签里的value
    WebElement selector = driver.findElement(By.id("Selector"));
            Select select = new Select(selector);
            select.selectByIndex(3);
            select.selectByVisibleText("桃子");
            select.selectByValue("apple");

    输入框

    输入框就比较简单了,不再多说

    sendKeys()输入内容

    clear()  清空


    单选框(RadioBox)

    单选框可以有获取状态,是否被选中

    radioBox.isSelected();

    是否enable

    radioBox.isEnabled()

    使用click方法选中


    复选框(checkBox)

    复选框和单选框基本差不多,此处略


    超链接

    超链接比较常见,一般都是标签a

    <a href="http://www.cnblogs.com/tobecrazy/" >Copyright 2015 to be crazy </a>

    一般使用click方法

    这里我们了解一下浏览器打开超链接时,如果是chrome,点超链接的同时按下Ctrl会打开新标签,按下shift会打开新窗口

    这里单讲一下不同窗口切换.

    selenium有两个关于获取窗口的方法:

    1. driver.getWindowHandle();  返回的是字符串,获取当前窗口的句柄

    2. driver.getWindowHandles(); 返回的是 Set<String> ,获取所有窗口

    如果你想在窗口之间切换

    driver.switchTo().window(window);

    小技巧: 如何滚动到你定位的元素

    这里使用java script

    // scroll to mylink
            JavascriptExecutor scroll = (JavascriptExecutor) driver;
            scroll.executeScript("arguments[0].scrollIntoView();", myLink);

    接下来是所有测试代码:

    package com.packt.webdriver.chapter1;
    
    import java.util.List;
    import java.util.Set;
    import java.util.concurrent.TimeUnit;
    
    import org.openqa.selenium.Alert;
    import org.openqa.selenium.By;
    import org.openqa.selenium.JavascriptExecutor;
    import org.openqa.selenium.Keys;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.interactions.Actions;
    import org.openqa.selenium.support.ui.Select;
    import org.testng.Assert;
    
    import com.packt.webdriver.chapter3.DriverFactory;
    
    /**
     * this method is for deal with base web elements
     * 
     * @author Young
     *
     */
    public class dealWithElements {
    
        public static void main(String[] args) throws Exception {
            String URL = "file://demo.html";
            String chromdriver="E:\chromedriver.exe";
            System.setProperty("webdriver.chrome.driver", chromdriver);
            ChromeOptions options = new ChromeOptions();
    //        options.addExtensions(new File(""));
            DesiredCapabilities capabilities = DesiredCapabilities.chrome();
            capabilities.setCapability("chrome.switches",
                    Arrays.asList("--start-maximized"));
            options.addArguments("--test-type", "--start-maximized");
            WebDriver driver=new ChromeDriver(options);
    
            driver.get(URL);
            // max size the browser
            driver.manage().window().maximize();
            driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
    
            WebElement upload = driver.findElement(By
                    .xpath("//td/input[@type='file']"));
            upload.sendKeys("C:/Users/Young/Desktop/demo.html");
            Assert.assertTrue(upload.getAttribute("value").contains("demo"));
            // for alert
            WebElement clickOnAlert = driver.findElement(By
                    .xpath("//td/input[@name='alterbutton']"));
            clickOnAlert.click();
            delay(2);
            // get alert
            Alert alert = driver.switchTo().alert();
            Assert.assertTrue(alert.getText().contains("alert"));
            // click alert ok
            alert.accept();
    
            delay(2);
            // for prompt
            WebElement clickOnPrompt = driver.findElement(By
                    .xpath("//td/input[@name='promptbutton']"));
            clickOnPrompt.click();
            delay(2);
            Alert prompt = driver.switchTo().alert();
    
            prompt.sendKeys("I love Selenium");
            prompt.accept();
            delay(5);
            Alert afterAccept = driver.switchTo().alert();
            Assert.assertTrue(afterAccept.getText().contains("I love Selenium"));
            // click alert ok
            afterAccept.accept();
            delay(2);
            // for confirm
            WebElement clickOnConfirm = driver.findElement(By
                    .xpath("//td/input[@name='confirmbutton']"));
            clickOnConfirm.click();
            delay(2);
            Alert confirm = driver.switchTo().alert();
            confirm.dismiss();
            delay(2);
            Alert afterDismiss = driver.switchTo().alert();
            Assert.assertTrue(afterDismiss.getText().contains("You pressed Cancel"));
            delay(2);
            afterDismiss.accept();
            driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
    
            WebElement selector = driver.findElement(By.id("Selector"));
            Select select = new Select(selector);
            select.selectByIndex(3);
            select.selectByVisibleText("桃子");
            select.selectByValue("apple");
    
            System.out.println(select.getAllSelectedOptions().toString());
            delay(2);
            WebElement showSelectResult = driver.findElement(By
                    .name("showSelectResult"));
            showSelectResult.click();
            delay(2);
            Alert yourSelect = driver.switchTo().alert();
            Assert.assertTrue(yourSelect.getText().contains("苹果"));
    
            delay(2);
            yourSelect.accept();
    
            // input box
            WebElement editBox = driver.findElement(By
                    .xpath("//td/input[@id='edit']"));
            editBox.sendKeys("Selenium is good");
            WebElement submitButton = driver.findElement(By
                    .xpath("//input[@type='button' and @name='submit']"));
            submitButton.click();
            delay(2);
            Alert submitAlert = driver.switchTo().alert();
            Assert.assertEquals(submitAlert.getText(), "Selenium is good");
            submitAlert.accept();
            delay(2);
    
            // for radio Box
    
            WebElement duRadioBox = driver.findElement(By
                    .cssSelector("div#radio>input.Baidu"));
            WebElement aLiRadioBox = driver.findElement(By
                    .cssSelector("div#radio>input.Alibaba"));
            WebElement TXRadioBox = driver.findElement(By
                    .cssSelector("div#radio>input.Tencent"));
            WebElement MiRadioBox = driver.findElement(By
                    .cssSelector("div#radio>input.Mi"));
            delay(2);
            Assert.assertTrue(TXRadioBox.isSelected());
            Assert.assertTrue(!MiRadioBox.isEnabled());
            delay(2);
            duRadioBox.click();
            Assert.assertTrue(duRadioBox.isSelected());
            delay(2);
    
            aLiRadioBox.click();
            Assert.assertTrue(aLiRadioBox.isSelected());
            delay(2);
    
            // for checkBox
    
            List<WebElement> webCheckBox = driver.findElements(By
                    .xpath("//input[@type='checkbox']"));
    
            for (WebElement e : webCheckBox) {
                e.click();
                Assert.assertTrue(e.isSelected());
                delay(2);
            }
    
            // for links
            String defaultWindow = driver.getWindowHandle();
            WebElement myLink = driver.findElement(By
                    .linkText("Copyright 2015 to be crazy"));
            delay(3);
            // scroll to mylink
            JavascriptExecutor scroll = (JavascriptExecutor) driver;
            scroll.executeScript("arguments[0].scrollIntoView();", myLink);
            // open link in a new windows press shift when you click
            delay(2);
            Actions actions = new Actions(driver);
            actions.keyDown(Keys.SHIFT).click(myLink).perform();
    
            delay(3);
            Set<String> currentWindows = driver.getWindowHandles();
            System.out.println(currentWindows.size());
            for (String window : currentWindows) {
                if (!window.endsWith(defaultWindow)) {
                    driver = driver.switchTo().window(window);
                    driver.manage().timeouts()
                            .pageLoadTimeout(60, TimeUnit.SECONDS);
                    driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
                    break;
                }
            }
    
            Assert.assertTrue(driver.getCurrentUrl().contains("tobecrazy"));
            delay(10);
    
            driver.quit();
        }
    
        /**
         * @author Young
         * @param seconds
         */
        public static void delay(int seconds) {
            try {
                Thread.sleep(seconds * 1000);
            } catch (InterruptedException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }
  • 相关阅读:
    POJ_3176_Cow_Bowling_(数字三角形)_(动态规划)
    POJ_3662_Telephone_Lines_(二分+最短路)
    POJ_2739_Sum_of_Consecutive_Prime_Numbers_(尺取法+素数表)
    POJ_3685_Matrix_(二分,查找第k大的值)
    POJ_3579_Median_(二分,查找第k大的值)
    欧拉回路
    状态压缩dp(hdu2167,poj2411)
    poj1182食物链(种类并查集)
    并查集
    树形动态规划
  • 原文地址:https://www.cnblogs.com/tobecrazy/p/4570494.html
Copyright © 2011-2022 走看看