用protractor测试canvas绘制(一)
来源:互联网 发布:大数据经济的发现现状 编辑:程序博客网 时间:2024/06/07 05:58
protractor是angular那帮人搞得一个e2e的测试框架,本质上是用的webdriver。
测试canvas,主要就是图像的比较,搜了搜,没有找到太好的nodejs库,所有还是用之前用过的resemblejs。
resemblejs用了Image和Canvas,所以是不能直接在nodejs里用的。
github上有个人搞了个node-resemble,但是用到了一个c写的node-canvas,要编这个又要用安装python和vc的运行库,听上去就很麻烦,也难怪只有2星。
让resemble直接在browser中运行不就ok了吗?
这就要用到browser的executeAsyncScript方法。
先来讲讲executeAsyncScript
这个方法就是把js代码放到browser环境中运行,也就是在浏览器的环境中运行,dom的东西也就都可以用了,Image,Canvas神马的统统不在话下。
而且是异步的,其实有个同步的executeScript,用法差不多。
api就不贴了,直接说用法。
executeAsyncScript方法,是个可变参数的方法
第一个参数必须是一个方法,也就是在浏览器中要执行的代码。
比如:
function(){ console.log("我是一个方法");};
然后后面可以写任意个参数,而在第一个参数的方法中可以使用arguments数组来依次取得这些参数
比如:
function(){
console.log("我是一个方法,我有三个参数") var p1=arguments[0]; var p2=arguments[1]; var p3=arguments[2];};因为是异步的,所以执行的结果需要用一个回调函数返回来,这个回调函数webdriver已经准备好了,就是arguments的最后一个参数。
所以,第一个参数的完整样子应该是
function(){ console.log("我是一个方法,我有三个参数") var p1=arguments[0]; var p2=arguments[1]; var p3=arguments[2]; var callback=arguments[arguments.lenght-1]; callback("返回");};executeAsyncScript方法的返回值是个promise
所以整个函数调用起来应该是这个样子的
browser.executeAsyncScript("function(){console.log("前面写过了我就不写了")}",p1,p2,p3)
.then(function(result){ console.log("结果是"+result); });then的方法中结果callback的结果。
如果不用protractor只用webdriver应该也是一样的。
好了,写了半天没有进正题,就先这样,在下一篇再写。
0 0
- 用protractor测试canvas绘制(一)
- 用protractor测试canvas绘制(二)
- Web自动化测试-Protractor基础(一)
- Canvas绘制图形(一)
- Canvas 用法一:绘制图形
- Protractor
- HTML5 Canvas绘制渐变(一)
- 安卓绘制Canvas与坐标(一)
- Canvas学习--绘制五角星(一)
- canvas绘制图形API(一)
- HTML5用canvas绘制心形线
- 用canvas 绘制一个灰太狼
- android 用canvas绘制虚线
- 用 Canvas 绘制实时时钟
- protractor自动化测试定位页面元素
- Web自动化测试-Protractor基础(二)
- canvas绘制
- Canvas绘制
- 数据库变量与局部变量
- Android开源项目分类汇总
- Java课程设计实训第二天——对话框的重新设定与图片显示
- java中key值可以重复的map---IdentityHashMap
- 基于全志A20 android4.2平台如何支持三个SD卡
- 用protractor测试canvas绘制(一)
- 【再思考】排序算法——归并排序
- Jpa EntityManager详解
- codeforces 555C Case of Chocolate set操作
- Android Studio使用技巧
- 内部类相关2
- 内存分配与回收策略
- 师者 自省者也
- 面试题15:链表中倒数第k个结点