node + selenium-webdriver 进行Web自动化测试

1、环境安装

nodejs安装

webdriver安装,安装各浏览器的驱动,通过各浏览器的驱动程序,操作浏览器。

chrome 驱动安装

每个版本的浏览器用到的webdriver不同。可以通过chrome右上角-> 帮助 -> 关于 Chrome 查看当前版本。

chromedriver下载地址和chromedriver与chrome之间的对应关系。跳转门

并将驱动程序所在目录添加至环境变量

其他浏览器驱动可以见下面列表:

2、代码实现自动化测试

python 复制代码
npm init


npm install selenium-webdriver


// index.js

const {Builder, By, Key, until} = require('selenium-webdriver');

const {Options} = require('selenium-webdriver/chrome');



var driver = new Builder()

.forBrowser('chrome')

.setChromeOptions(new Options().excludeSwitches(["ignore-certificate-errors", 'user-data-dir="C:\\Users\\qiang\\AppData\\Local\\Google\\Chrome\\User Data"']))

.build();


driver.get('https://image.baidu.com/')

.then(function () {

driver.findElement(By.id('search')).then(async (res)=>{

console.log('res',await res.getText())

})

}).catch(function (e) {

console.log(e);

});

3、By XPATH和CSS定位比较

最后感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

相关推荐
一只小风华~2 分钟前
Vue:条件渲染 (Conditional Rendering)
前端·javascript·vue.js·typescript·前端框架
柯南二号3 分钟前
【大前端】前端生成二维码
前端·二维码
程序员码歌33 分钟前
明年35岁了,如何破局?说说心里话
android·前端·后端
博客zhu虎康1 小时前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海2 小时前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs
王源骏2 小时前
LayaAir鼠标(手指)控制相机旋转,限制角度
前端
大虾写代码2 小时前
vue3+TS项目配置Eslint+prettier+husky语法校验
前端·vue·eslint
wordbaby3 小时前
用 useEffectEvent 做精准埋点:React analytics pageview 场景的最佳实践与原理剖析
前端·react.js
上单带刀不带妹3 小时前
在 ES6 中如何提取深度嵌套的对象中的指定属性
前端·ecmascript·es6
excel3 小时前
使用热力贴图和高斯函数生成山峰与等高线的 WebGL Shader 解析
前端