web的UI自动化实现步骤

重点：UI自动化怎么做？

计算机永远都是比人类蠢得，需要你一步一步得告诉他怎么做

UI自动化步骤：

1. 打开浏览器（第一步）
2. 输入网址访问（第二步）
3. 操作元素（第三步）

自动化实现步骤：

      1、使用Python + Selenium框架实现

             （1）安装selenium库（进入cmd输入pip install -U selenium，如果安装失败可尝试该命令python -m pip install selenium）

                   

             （2）代码主要引用selenium库中的webdriver，代码引用该库中的模块：from selenium import webdriver

                 

      2、测试脚本（搞清楚自动化的基本原理）

           （1）选择谷歌浏览器，进行打开浏览器，首先下载谷歌的镜像chromedriver.exe文件（下载地址：npm.taobao.org）

                              

                                     根据自己浏览器的版本（帮助->关于Googlechrome进入查看浏览器的版本）下载镜像,进入下载镜像不区分32和64位系统（下载32位即可）

                                   

                    

                            

                 （2）chromedriver.exe文件配置：

                          第一种：文件放到python的根路径下面（第一种方式最推荐）

                            

                          第二种：可以在代码里面指定,使用executable_path如图所示。（因为目前在test.py文件中，需要向上一层目录找到chromedriver.exe）

                            

            
         3、访问网站（如图访问的是谷歌）

                               

             访问火狐浏览器：使用webdriver.Firefox();                    访问IE浏览器：使用webdriver.Ie()      使用IE注意：保护模式都启动要不会报错，如果有缩放错误，需要把缩放调整到100%！

      
        
        4、操作元素

 

             （1）找到元素，8种定位方式（常用的是id，css，xpath定位）

             （2） 操作元素

                重复上面两个步骤，可以完成所有元素操作

                                        

   5、问题的分析和解决

           第一步：通过报错信息，找到报错的代码行，点击自己代码中出错的信息，不是selenium自带的代码，是自己写的代码！

                                            

         第二步：查看报错的异常和提示信息（此页面为元素状态异常，页面没有找到该元素）

 

                                                    

      第三步：解决问题，加入固定等待time.sleep(2),等待2秒后就可以加载