UI“三重天”之Selenium（一）

关注一下UI自动化，记一记笔记。

UI自动化的优缺点：

　　关于UI自动化的优缺点想来大家都有了解，优点：解放人力（并不是完全解放），用机器（涵盖工具、脚本等）代替人工完成测试工作，将测试用例转化为脚本实现，其大部分的使用阶段在回归测试阶段。缺点：难维护，依赖于前端。

　　web端混的风生水起的非Selenium莫属，app端的Uiautomator、appium等等。

UI自动化的核心：

　　UI自动化的核心还是定位元素。

Web端“一哥”--Selenium：

了解一项技术，最权威的依然是官方文档，贴传送门：https://www.seleniumhq.org/docs

Selenium工作原理：

　　当下用的最多的还是webdriver，那么webdriver是什么东西呢？用来干什么？在web端的UI自动化过程中充当了什么角色？

　　webdriver是C/S架构的一套工具，client是编写的自动化脚本代码，server就是由webdriver.exe启动的浏览器，监听来自client发送的消息，并且对其做出响应，从而实现对浏览

器的操作。

　　通俗一点webdriver就是快递公司，代码是快递信息，快递员是浏览器。

　　寄快递的时候首先要明白的是要通过哪家快递公司去承运（浏览器应该用chrome还是firefox、IE），选好快递公司之后肯定要写清楚收件人的姓名、地址、电话号码（执行代码中要明确请求URL、触发时间、按钮、输入文本等），快递公司会将这些信息传达给快递员，快递员进行送件；其工作机制可能有些许差别，但是理解容易点，大部分都是异曲同工。

有关webdriver和浏览器的不适配问题碰到不止一次有人问，下方贴了chrome和firefox的全部信息，都是百度来的，当个苦力综合一下：

chrome浏览器历史版本下载地址：https://www.chromium.org/getting-involved/dev-channel（国外版）

　　　　　　　　　　　　　　　https://www.chromedownloads.net/（国内版）

　　　　　　　　　　　　　　　http://npm.taobao.org/mirrors/chromedriver/

Firefox浏览器历史版本下载地址：http://ftp.mozilla.org/pub/firefox/releases/

chrome驱动下载地址：http://chromedriver.storage.googleapis.com/index.html

Firefox驱动下载地址：https://github.com/mozilla/geckodriver/releases

 

chrome驱动与浏览器对应表：

chromedriver版本	支持的Chrome版本
v2.34	v61-63
v2.33	v60-62
v2.32	v59-61
v2.31	v58-60
v2.30	v58-60
v2.29	v56-58
v2.28	v55-57
v2.27	v54-56
v2.26	v53-55
v2.25	v53-55
v2.24	v52-54
v2.23	v51-53
v2.22	v49-52
v2.21	v46-50
v2.20	v43-48
v2.19	v43-47
v2.18	v43-46
v2.17	v42-43
v2.13	v42-45
v2.15	v40-43
v2.14	v39-42
v2.13	v38-41
v2.12	v36-40
v2.11	v36-40
v2.10	v33-36
v2.9	v31-34
v2.8	v30-33
v2.7	v30-33
v2.6	v29-32
v2.5	v29-32
v2.4	v29-32

以Selenium官方示例代码为例：

         // And now use this to visit Google
        driver.get("https://www.baidu.com");
        // Alternatively the same thing can be done like this
        // driver.navigate().to("http://www.google.com");

        // Find the text input element by its name
        WebElement element = driver.findElement(By.name("wd"));

        // Enter something to search for
        element.sendKeys("桃李不言、下自成蹊 博客园");

        // Now submit the form. WebDriver will find the form for us from the element
        element.submit();

        // Check the title of the page
        System.out.println("Page title is: " + driver.getTitle());
        
        // Google's search is rendered dynamically with JavaScript.
        // Wait for the page to load, timeout after 10 seconds
        (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
            public Boolean apply(WebDriver d) {
                return d.getTitle().toLowerCase().startsWith("cheese!");
            }
        });

        // Should see: "cheese! - Google Search"
        System.out.println("Page title is: " + driver.getTitle());
        
        //Close the browser
        driver.quit();   

注释写的很明白咯！！，就不一一翻译了。

　原文代码是访问google，改成了baidu，搜索内容以及By.name段更改了value。

　Firefox浏览器运行方式：

　　1、增加浏览器安装路径

　　2、增加驱动路径　

System.setProperty("webdriver.firefox.bin", "F:\\Firefox\\firefox.exe");
    	System.setProperty("webdriver.gecko.driver", "E:\\driver\\geckodriver.exe");
        WebDriver driver = new FirefoxDriver();

　　Chrome浏览器运行方式：

　　1、增加驱动路径

System.setProperty("webdriver.chrome.driver", "E:\\driver\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();

　　　该例有访问URL方式，定位元素方式、传值方式、一处显示等待、打印标题、关闭方式。很直观，不算太难吧？

ps：

浏览器版本与驱动版本不匹配绝对是每个人都会遇到的问题，报错原因千奇百怪。

常见的：WebDriverException: unknown error: call function result missing 'value'

更换浏览器或者驱动版本搞定：http://npm.taobao.org/mirrors/chromedriver/