web自动化测试入门篇02——selenium安装教程

news2024/11/17 23:51:09

在这里插入图片描述

 

😏作者简介:博主是一位测试管理者,同时也是一名对外企业兼职讲师。
📡主页地址:【Austin_zhai】
🙆目的与景愿:旨在于能帮助更多的测试行业人员提升软硬技能,分享行业相关最新信息。
💎声明:博主日常工作较为繁忙,文章会不定期更新,各类行业或职场问题欢迎大家私信,有空必回。

在这里插入图片描述

 
 

阅读目录

  • 1. 目的
  • 2. 说明
  • 3. 软件安装
    • 3.1 基于Python的Selenium
      • 3.1.1 pip方式
      • 3.1.2 IDE方式
    • 3.2 基于Java的Selenium
      • 3.2.1 Maven配置方式
      • 3.2.2 项目配置方式
  • 4. WebDriver下载与配置
  • 5. 小技巧

1. 目的

  web自动化测试作为软件自动化测试领域中绕不过去的一个“香饽饽”,通常都会作为广大测试从业者的首选学习对象,相较于C/S架构的自动化来说,B/S有着其无法忽视的诸多优势,从行业发展趋、研发模式特点、测试工具支持,其整体的完整生态已经远远超过了C/S架构方面的测试价值。接上一篇文章,我们将继续深入探讨Selenium的相关使用方法与技巧。

 
 

2. 说明

  此篇中所用的技术栈为Selenium+Python,因其本身编程难度不高,总体思想都是基于面向对象的编程理念,故只要大家的编码语言基础不弱,就完全可以做到平替。

 
 

3. 软件安装

  私信中有同学提到希望也说下Java技术栈的自动化测试相关工具的安装、使用、注意点等等内容,那从这一篇开始我就会用一定的篇幅介绍。

 

3.1 基于Python的Selenium

  Python的安装已经是老生常谈了,只要注意安装3的版本就行,2的太老这里就直接放弃掉了。

 

3.1.1 pip方式

  第一种是使用pip命令进行selenium的安装,首先在cmd窗口中输入pip install selenium,静待安装成功即可。
 
在这里插入图片描述
 

显示以下信息就说明安装成功了。

在这里插入图片描述
 

3.1.2 IDE方式

  第二种是使用各类IDE进行selenium的安装,这里主要介绍主流的IDE-Pycharm内的安装方法。

 

首先新建一个项目,File → New Project,自行设置完虚拟环境后即可。

 

接下来选择File → Setting

在这里插入图片描述
 

在Project:XXX (XXX是你的项目名)中选择Python Interpreter

在这里插入图片描述

 

等待右侧的列表加载完成之后点击左上方的加号

在这里插入图片描述

 

在可使用的包列表界面中,搜索selenium关键字。

在这里插入图片描述

 

注意查看selenium的版本号,根据自己的需要进行下载。如需变更版本,在搜索完selenium关键字之后勾选下方的Specify version,选择需要的版本进行安装。

在这里插入图片描述

 

点击Install Package按钮,进行安装

在这里插入图片描述

 

显示如下信息则表示安装成功

在这里插入图片描述

 
 

3.2 基于Java的Selenium

  与Python同理,Java的安装步骤自行百度或者看我之前的《自动化测试之路 —— Appium安装教程》里的教程也行。

 

3.2.1 Maven配置方式

  这里选用IDEA来进行selenium的安装配置,Eclipse就不在这里赘述了,同样也是网上一大推,测试的同学们自行甄别。

 

同样的,首先新建一个项目,File → New → Project…

 

选择创建Maven项目

在这里插入图片描述

 

添加完项目之后,这里有两种添加方式,第一种通过maven仓库地址进行自动导包。

 

首先访问【Maven仓库】,并搜索selenium关键字
 

在这里插入图片描述

 

我们进入Selenium Java,在下方选择需要的对应版本

 
在这里插入图片描述

 

进入之后选择maven的配置方式,将Maven标签内容复制出来。

在这里插入图片描述

 

将内容复制到项目的pom.xml中,这里要注意内容需要放在dependencies标签对内。复制后会发现selenium的标签对里的内容为红色,此时因为还没有通过地址下载完对应的jar包到项目内,所以代码会对应的报错。

 
在这里插入图片描述

 

等待后台下载任务结束后,对应的设置才会生效,我们可以在maven project窗口内查看对应的selenium。
在这里插入图片描述
在这里插入图片描述

 

在这里插入图片描述

 

3.2.2 项目配置方式

另外一种则是从官网下载jar包进行IDE内的项目模块的配置。

 

首先进入【selenium官网】,进入下载页面
 
在这里插入图片描述

 

点击最新的版本,也可以进入到github内选择所需的版本进行下载。
 

在这里插入图片描述

 

进入IDEA,选择File → Project Structure
 
在这里插入图片描述

 

然后依次选择Modules选项,在右侧点击Dependenies选项卡,最后点击下面的加号
 
在这里插入图片描述

 

选择第一项,导入刚才官网中下载的selenium jar包
在这里插入图片描述

 

加载后勾选上对应的jar使其生效即可
在这里插入图片描述

 
 

4. WebDriver下载与配置

  这里根据各自业务所需要适配兼容的浏览器来进行品牌与版本的选择。这里以Chrome为例来进行介绍,其他主流浏览器有些许的不同,但区别不大。

 

在Chrome浏览器内进入“设置”选项

在这里插入图片描述

 

在左侧类别栏内选择“关于Chrome”,在界面右侧就可以查看浏览器的完整版本号。

在这里插入图片描述

 

得到自己的浏览器版本号之后就可以去下载对应品牌与版本号的WebDriver,下载地址如下:

Chrome WebDriver下载地址:【Chrome WebDriver Download】
FireFox WebDriver下载地址: 【FireFox WebDriver Download】
IE WebDriver下载地址:【Internet Exploer WebDriver Download】
Edge WebDriver下载地址:【Edge Exploer WebDriver Download】

 

进入到对应的下载页面后点击进入实际浏览器的版本号文件夹
 
在这里插入图片描述

 

选择对应的操作系统下的WebDriver进行下载
 
在这里插入图片描述

 

下载后将WebDriver放入自己指定的任意路径中,使用代码进行调用即可,这里可以将对应的WebDriver路径设置为环境变量,调用会更加的高效。

 
 

5. 小技巧

  1. Python内如果觉得WebDriver下载起来比较麻烦,可以尝试一下这个东西【webdriver-manager · PyPI】;
  2. 很多同学使用pip命令是经常会在cmd窗口中先进入python环境再执行pip,往往就会报错,直接打开cmd窗口,再使用pip命令即可;
  3. Chrome浏览器查看版本也可以在地址栏中直接输入chrome://version查看对应的版本号;
  4. 如果在WebDriver网站中找不到你的浏览器版本,或者最末尾的文件版本都小于你的浏览器版本,不要怀疑,就是你的浏览器太新了。WebDriver的更新也需要时间,要么等要么就换一个版本吧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/409692.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

授予渔,从0开始搭建一个自己想要的网页

文章目录视频展示:张娜英网页一.开始阶段1.1考虑出基本的架构1.2填充思路1.3前提准备二.实现阶段2.1导航栏实现2.2点击切换视频2.3 左右特效2.4照片墙2.5视频轮播2.6底部2.7点击切换全局变量3.总结全部代码:☀️作者简介:大家好我是言不及行y…

【实战】React 必会第三方插件 —— Cron 表达式生成器(qnn-react-cron)

文章目录一、引子二、配置使用1.安装2.使用(1)直接调用(2)赋值到表单(Form)(3)自定义功能按钮(4)隐藏指定 Tab(5)其他三、常见问题及解…

【JavaScript 进阶教程】数组新增遍历方法的说明与使用

文章已收录专栏:JavaScript 进阶教程 作者:卡卡西最近怎么样 文章导读: 欢迎来到 JavaScript 进阶的学习,ES5 对 JS 的数组,字符串等内置对象的方法均有扩充。这篇文章我们要掌握的是新增的几个 Array 内置对象的常用迭…

【Web理论篇】Web应用程序安全与风险

目录🌲1.Web应用程序的发展历程🍂1.1 Web应用程序的常见功能🍂1.2 Web应用程序的优点🌲2.Web安全🍂2.1Web应用程序常见漏洞🍂2.2未对用户输入做过滤🍂2.3 造成这些漏洞的原因是什么呢&#xff1…

【实战分享】js生成word(docx),以及将word转成pdf解决方案分享

本文将记录如何用js生成word文件,并在node服务器端将word转换成pdf。记录的代码均是在真实业务场景中使用成功的代码,没有记录中间踩坑的过程。想直接抄答案的家人们可以跳转到1.2 程序编写部分,最终效果图可在1.2 程序编写部分中4. 效果展示…

【解决前端报错】Bad Request: Required request parameter ‘id‘ for method parameter type Long is not present

后端查询列表接口返回的对象里包含Long id,前端获取到这个id,执行通过Long id删除操作。这时删除操作报错400,大意是没找着Long类型的id. swagger相关接口截图: Long类型的在swagger显示是integer64 , integer是integer32. 这是前端请求后…

微信公众号 - 实现 H5 网页在微信内置浏览器中下载文件,可预览和下载 office 文件(doc / xls / ppt / pdf 等)适用于任何前端技术栈网站,兼容安卓和苹果系统!

前言 网上的教程都是让你写页面 “引导” 右上角三个点里,让用户自己去浏览器打开,其实这样用户体验并不好。 本文实现了 最新微信公众号 H5 网页(微信内置浏览器中),预览下载 office 文件,安卓和苹果全都支持! 您可以直接复制代码,移植到自己项目中去,任何前端项目(…

全网超详细的【Axure】Axure RP 9的下载、安装、中文字体、授权

文章目录1. 文章引言2. 下载Axure93. 安装Axure94. Axure9中文5. Axure9授权1. 文章引言 最近在学习原型图,针对画原型图的工具,反复对比墨刀、Axure、xiaopiu后,最终选择了Axure。 接下来,我便从Axure RP 9的下载、安装、中文字…

VUE实现微信扫码登录

获取access_token时序图&#xff1a; public中index.html引入 <script src"https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> 微信登录操作 new WxLogin({// 以下操作把请求到的二维码嵌入到id为"weixin"的标签中i…

走进Vue【三】vue-router详解

目录&#x1f31f;前言&#x1f31f;路由&#x1f31f;什么是前端路由&#xff1f;&#x1f31f;前端路由优点缺点&#x1f31f;vue-router&#x1f31f;安装&#x1f31f;路由初体验1.路由组件router-linkrouter-view2.步骤1. 定义路由组件2. 定义路由3. 创建 router 实例4. 挂…

VUE3 子传父 父传子 双向传递

组件参数传递 父传子 father.vue <template > <!-- 父传子实现 2.向vue页面中的子组件传递该属性 :传给子组件的名字&#xff08;自定义&#xff09;“对应定义在父组件的属性名” --><Header :openpagevaria"openpagevaria" ></Header&g…

使用vue-cli-plugin-electron-builder创建electron+vue项目

文章目录一、nvm环境二、安装vue-cli、yarn三、使用vue项目管理器创建项目四、使用vue项目管理器安装插件五、进入my-electron-vue目录&#xff0c;启动electron六、安装VueDevtools&#xff0c;解决Vue Devtools failed to install: Error: net::ERR_CONNECTION_TIMED_OUT——…

npm install xxxx --legacy-peer-deps命令是什么?

本文分享自华为云社区《npm install xxxx --legacy-peer-deps命令是什么&#xff1f;为什么可以解决下载时候产生的依赖冲突呢&#xff1f;》&#xff0c;作者&#xff1a; gentle_zhou 。 在日常使用命令npm install / npm install XX下载依赖的操作中&#xff0c;我经常会遇…

npm 报错“A complete log of this run can be found in:”解决方法

npm 启动项目 npm run serve/dev的时候报了个错&#xff1a;再次记录一下 ! code ELIFECYCLE npm ERR! errno 1 npm ERR! new0.1.0 serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the new0.1.0 serve script. npm ERR! This is probably n…

【CSS 文字渐变、背景渐变实现方式】

CSS 文字渐变&#xff0c;背景渐变的几种实现方式 在我们日常页面开发当中&#xff0c;使用合适的css渐变效果能让我们的界面更加美观&#xff0c;赏心悦目。 一、CSS 文字渐变&#xff1a; 首先&#xff0c;文字渐变实际上是通过背景渐变裁剪成文字的前景色&#xff0c;然后…

【微信小程序】初入微信小程序

大家好我依旧是山鱼&#x1f41f;&#xff0c;对于初入小程序的同学来说本篇依旧是你的不二选择&#xff0c;它详细的介绍了小程序及小程序&开发者工具的使用&#xff0c;大家快快学起来吧&#xff01; 目录 一&#xff0c;小程序简介 1.1 什么是微信小程序 1.2小程序与…

前端实现一个名言生成器

The sand accumulates to form a pagoda✨ 写在前面✨ JS是什么&#xff1f;✨ 名言生成器✨ 页面搭建✨ 功能实现✨ 写在前面 在上周我们通过HTML、CSS实现了一个简单的‘我的相册‘页面的搭建&#xff0c;很多伙伴呢跟我说难道前端就只能做一些页面搭建的工作吗&#xff1f;…

Vue3 京东到家项目实战第一篇(首页及登录功能开发) 进阶式掌握vue3完整知识体系

目录 项目首页开发 项目准备✌️ 样式开发&#x1f44d; 防抖&#x1f44a; 底部横条✌️ 登陆注册功能开发 样式编写 &#x1f450; 路由守卫实现基础登录校验功能☝️ 使用 axios 发送登录 Mock 请求&#x1f448; 请求函数的封装&#x1f64c; 通过代码拆分增加逻…

html基本标签

目录 1&#xff0c;标题标签h1-h6 2&#xff0c;段落标签p 3&#xff0c;换行标签br 4&#xff0c;水平线标签hr 5&#xff0c;图片标签img及路径详解(绝对/相对路径) 6&#xff0c;超文本链接标签a 7&#xff0c;超本文链接之锚点 8&#xff0c;div标签 9&#xff0c…

JS-获取网页滑动距离,并实时监听

介绍 本文主要介绍通过JS获取网页滑动距离&#xff0c;并实时监听的方法。分析document.body.scrollTop、document.documentElement.scrollTop、window.pageYOffset 三者之间的区别。 一、获取网页滑动距离 JS方法&#xff1a; console.log(网页被卷去的高&#xff1a;, doc…