IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发测试 -> Selenium前端自动化测试框架 简介与使用 -> 正文阅读

[开发测试]Selenium前端自动化测试框架 简介与使用

目录

1.概述:

2.安装Selenium及相关组件:

2.1 安装Selenium:

?2.2 安装browser driver:

3.编写测试脚本:

3.1录制脚本:

3.2 导出脚本:

4.执行测试脚本:

4.1 初始化node工程

?4.2 安装依赖

?4.3 执行测试脚本


1.概述:

Selenium是一个浏览器自动化测试库。Selenium最常用于测试web应用程序,可以用于任何需要与浏览器自动交互的任务。Selenium测试直接运行在浏览器中,和用户自己操作浏览器一样。自动化测试的脚本可以使用Python,java等,需要根据各自公司自己的需要来选择,如果公司开发人员对于java比较熟悉,则选择java,测试人员有时候并不熟悉脚本编程语言,这时候开发人员可以进行一定的帮助。

本文中的安装和使用环境是windows10.

想要有一个全局认识,请参考https://github.com/SeleniumHQ/selenium

2.安装Selenium及相关组件:

2.1 安装Selenium:

以js测试脚本为例,使用nodejs执行测试脚本,使用npm进行安装selenium依赖。

npm install -g selenium-webdriver

?直接执行测试脚本(例如 node 测试脚本),发现有问题:

C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32>node jstest.js
internal/modules/cjs/loader.js:960
  throw err;
  ^

Error: Cannot find module 'selenium-webdriver'
Require stack:
- C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\jstest.js
[90m    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:957:15)[39m
[90m    at Function.Module._load (internal/modules/cjs/loader.js:840:27)[39m
[90m    at Module.require (internal/modules/cjs/loader.js:1019:19)[39m
[90m    at require (internal/modules/cjs/helpers.js:77:18)[39m
    at Object.<anonymous> (C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\jstest.js:1:32)
[90m    at Module._compile (internal/modules/cjs/loader.js:1133:30)[39m
[90m    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1153:10)[39m
[90m    at Module.load (internal/modules/cjs/loader.js:977:32)[39m
[90m    at Function.Module._load (internal/modules/cjs/loader.js:877:14)[39m
[90m    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:74:12)[39m {
  code: [32m'MODULE_NOT_FOUND'[39m,
  requireStack: [
    [32m'C:\\CSF\\CSF-test-framework\\NCD\\automation test\\chromedriver_win32\\jstest.js'[39m
  ]
}

具体怎样解决,请看第4章节。

?2.2 安装browser driver:

需要下载额外浏览器驱动组件来使用每个主要的浏览器。Chrome、Firefox、Microsoft的IE和Edge浏览器的驱动程序都是独立的可执行程序,要将其加入系统PATH。苹果的safaridriver与用于OS X El Capitan和macOS Sierra的Safari 10一起发布,在测试之前,您需要在Safari 10的开发菜单中启用远程自动化。本文将使用chrome浏览器。

chrome浏览器驱动组件下载地址:http://chromedriver.storage.googleapis.com/index.html?path=2.10/

要根据自己浏览器的版本,下载相应的驱动组件:

?对于windows系统来说,只有32位版本的驱动组件,应该可以使用,后面会进行测试。

具体信息可以参考:https://www.npmjs.com/package/selenium-webdriver

3.编写测试脚本:

我们无需从头到尾编写测试脚本,selenium在火狐浏览器里,可以自动化录制脚本,我们通过脚本录制可以生成出不同的语言脚本,可以省去我们90%的编写脚本工作量,我们只需要根据需求做少量修改即可。安装最新版的火狐浏览器,然后安装Katalon Recorder (Selenium IDE for Firefox)
使用火狐浏览器打开https://addons.mozilla.org/zh-CN/firefox/addon/katalon-automation-record/?src=search

3.1录制脚本:

以打开某篇技术文章为例:

  1. 地址栏打开百度
  2. 右上角,打开Katalon功能
  3. 点击Katalon的New,输入新的记录的名字
  4. 点击 Record
  5. 百度搜索框中输入"究竟啥才是互联网架构高并发"
  6. 点击“百度一下”进行搜索
  7. 从搜索结果中,打开一篇文章
  8. 点击Katalon的stop,录制完毕

每执行一个操作,都会在右下角给出提示:

录制后的效果图:

3.2 导出脚本:

点击一下play,火狐浏览器将会执行一次生成的脚本,自动化的完成刚刚的操作(关闭弹窗阻止,或者将掘金和百度加入不阻止弹窗列表)

?导出自动化脚本:

?点击Export

?可以看到有各种语言 Java、C#、python2等。 我们选择"WebDriver.io",会以js格式导出脚本。

var assert = require('assert');

describe('open high concurrent page', function() {

	it('should do something', function() {
		browser.url('https://www.baidu.com/');
		$('#kw').click();
		$('#kw').setValue('究竟啥才是互联网架构“高并发”');


	// WARNING: unsupported command submit. Object= {"command":"submit","target":"id=form","value":""}

		$('//div[@id=\'2\']/div/h3/a/em').click();
		browser.url('https://www.baidu.com/link?url=-d3K4KX0yqCVwnvDixtJSYEN-Stfo8Zgb7zMgiyg5IFSnNSI7lfYxz0Hax5Wp9jTh8vrdbqb64H78krSVucYL_&wd=&eqid=d5c8c280000a04ea00000004611086cd');
	});

});

4.执行测试脚本:

以js的测试脚本为例。

4.1 初始化node工程

使用"node init",生成package.json文件。

node init

?4.2 安装依赖

此时再安装selenium-webdriver

npm install selenium-webdriver

?4.3 执行测试脚本

node jstest.js

jstest.js测试脚本的流程很简单,打开百度搜索引擎,然后搜索selenium.

测试log信息:

C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32>node jstest.js

DevTools listening on ws://127.0.0.1:61435/devtools/browser/e81dcc73-ef92-4701-b391-1a6bd3af4537
[19104:24212:0809/154813.007:ERROR:device_event_log_impl.cc(214)] [15:48:13.007] USB: usb_device_handle_win.cc:1048 Failed to read descriptor from node connection: 连到系统上的设备没有发挥 作用。 (0x1F)
[19104:24212:0809/154813.011:ERROR:device_event_log_impl.cc(214)] [15:48:13.011] USB: usb_device_handle_win.cc:1048 Failed to read descriptor from node connection: 连到系统上的设备没有发挥 作用。 (0x1F)
[19104:24212:0809/154813.021:ERROR:device_event_log_impl.cc(214)] [15:48:13.021] USB: usb_device_handle_win.cc:1048 Failed to read descriptor from node connection: 连到系统上的设备没有发挥 作用。 (0x1F)
NoSuchElementError: no such element: Unable to locate element: {"method":"css selector","selector":"h3>a"}
  (Session info: chrome=92.0.4515.131)
    at Object.throwDecodedError (C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\node_modules\selenium-webdriver\lib\error.js:517:15)
    at parseHttpResponse (C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\node_modules\selenium-webdriver\lib\http.js:642:13)
    at Executor.execute (C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\node_modules\selenium-webdriver\lib\http.js:568:28)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async Driver.execute (C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\node_modules\selenium-webdriver\lib\webdriver.js:731:17)
    at async myFunction (C:\CSF\CSF-test-framework\NCD\automation test\chromedriver_win32\jstest.js:22:21) {
  remoteStacktrace: 'Backtrace:\n' +
    '\tOrdinal0 [0x00D95843+2512963]\n' +
    '\tOrdinal0 [0x00D2EED1+2092753]\n' +
    '\tOrdinal0 [0x00C31F48+1056584]\n' +
    '\tOrdinal0 [0x00C5C70B+1230603]\n' +
    '\tOrdinal0 [0x00C52FF1+1191921]\n' +
    '\tOrdinal0 [0x00C7562A+1332778]\n' +
    '\tOrdinal0 [0x00C52F76+1191798]\n' +
    '\tOrdinal0 [0x00C756DA+1332954]\n' +
    '\tOrdinal0 [0x00C8487F+1394815]\n' +
    '\tOrdinal0 [0x00C754BB+1332411]\n' +
    '\tOrdinal0 [0x00C51D14+1187092]\n' +
    '\tOrdinal0 [0x00C52B79+1190777]\n' +
    '\tGetHandleVerifier [0x00F10C56+1501718]\n' +
    '\tGetHandleVerifier [0x00FBE97F+2213695]\n' +
    '\tGetHandleVerifier [0x00E18C92+485970]\n' +
    '\tGetHandleVerifier [0x00E17D59+482073]\n' +
    '\tOrdinal0 [0x00D3471D+2115357]\n' +
    '\tOrdinal0 [0x00D38678+2131576]\n' +
    '\tOrdinal0 [0x00D387B2+2131890]\n' +
    '\tOrdinal0 [0x00D41971+2169201]\n' +
    '\tBaseThreadInitThunk [0x773A6359+25]\n' +
    '\tRtlGetAppContainerNamedObjectPath [0x77A48944+228]\n' +
    '\tRtlGetAppContainerNamedObjectPath [0x77A48914+180]\n'
}

  开发测试 最新文章
pytest系列——allure之生成测试报告(Wind
某大厂软件测试岗一面笔试题+二面问答题面试
iperf 学习笔记
关于Python中使用selenium八大定位方法
【软件测试】为什么提升不了?8年测试总结再
软件测试复习
PHP笔记-Smarty模板引擎的使用
C++Test使用入门
【Java】单元测试
Net core 3.x 获取客户端地址
上一篇文章      下一篇文章      查看所有文章
加:2021-08-10 13:44:36  更:2021-08-10 13:44:52 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/1 12:23:22-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码