展开

关键词

浏览器自动化测试初探 - 使用phantomjs与casperjs

实例require(casper).create(),可以理解为一个浏览器进 打开一个页面casper.thenOpen(...); 截取页面图像casper.captureSelector 在命令行运行 casperjs baidu.js看看此脚本生成的图片结果等等! 原因是我创建了一个浏览器进去加载页面,但是没有指明用什么浏览器去加载。所以在创建casper实例的时候,可以指定浏览器的窗口大小,甚至我们可以通过指定userAgent的方式冒充手机端的浏览器。 前面介绍了手动种植cookie的方式实现登录,下面看下怎么实现手机端百度的登录过。先预览下整个脚本login.js的代码,下面解释一下整个过:1. 创建实例。 逐一读取cookie并显示到命令行中最后,运行测试脚本casperjs login.js能得到4张截图,分别记录了整个登录交互过中关键步骤的交互效果:1.png:未登录2.png:登录页3.png:填写信息

61850

浏览器自动化测试初探:使用 phantomjs 与 casperjs

开胃菜说到浏览器自动化测试,不得不介绍大名鼎鼎的phantomjs及casperjs。 实例require(casper).create(),可以理解为一个浏览器进打开一个页面casper.thenOpen(...) 原因是我创建了一个浏览器进去加载页面,但是没有指明用什么浏览器去加载。所以在创建casper实例的时候,可以指定浏览器的窗口大小,甚至我们可以通过指定userAgent的方式冒充手机端的浏览器。 前面介绍了手动种植cookie的方式实现登录,下面看下怎么实现手机端百度的登录过。先预览下整个脚本login.js的代码,下面解释一下整个过:1. 创建实例。 逐一读取cookie并显示到命令行中最后,运行测试脚本casperjs login.js能得到4张截图,分别记录了整个登录交互过中关键步骤的交互效果:1.png:未登录2.png:登录页3.png:填写信息

1.4K00
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年50元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    浏览器自动化测试初探 - 使用phantomjs与casperjs

    实例require(casper).create(),可以理解为一个浏览器进 打开一个页面casper.thenOpen(...); 截取页面图像casper.captureSelector 在命令行运行 casperjs baidu.js看看此脚本生成的图片结果等等! 原因是我创建了一个浏览器进去加载页面,但是没有指明用什么浏览器去加载。所以在创建casper实例的时候,可以指定浏览器的窗口大小,甚至我们可以通过指定userAgent的方式冒充手机端的浏览器。 前面介绍了手动种植cookie的方式实现登录,下面看下怎么实现手机端百度的登录过。先预览下整个脚本login.js的代码,下面解释一下整个过:1. 创建实例。 逐一读取cookie并显示到命令行中最后,运行测试脚本casperjs login.js能得到4张截图,分别记录了整个登录交互过中关键步骤的交互效果:1.png:未登录2.png:登录页3.png:填写信息

    38230

    CasperJS构建你的网络爬虫

    为应用序收集数据有时候是一件困难和费力的事。一个急需的API可能会丢失,或者可能有太多的数据需要处理。有时候,只是有时候,你需要通过网络抓取信息。 CasperJS允许我们用JavaScript编写我们的脚本。你可以测试它是否已正确安装,并且通过在终端键入casperjs测试它是否在你的安装路径(PATH)上。 使用CasperJS断言系统在继续之前确保某个元素已经到位。如果元素不存在,脚本将会失败,但至少你会知道为什么。 注意:有时你可能无法使用CasperJS查找元素。要获取CasperJS可以看到的图片(字面意义上的!) link, headline: headline});}return results; }); 如果你要在evaluate函数中使用console.log语句,那么它们将通过remote.message处理序输出到你自己的控制台

    36630

    对 Phantomjs CasperJS 进行远调试

    CasperJS运行在PhantomJS之上,其实也是启用PhantomJS的远调试功能PhantomJS 是一个无图形界面的浏览器,它支持各种Web标准:DOM处理,CSS选择器,JSON,Canvas 下载地址:phantomjs: http:phantomjs.orgdownload.html casperjs : http:casperjs.org 简记:出于某些原因,需要折腾下phantomjscasperjs ,但是好烦写完代码不知道怎么调试,很容易被错误困住了,简直尴尬,特地看了一下api 有个远调试工具 使用下看看-----jstarsven 简单记录下操作步骤(casperjs 类似)1.phantomjs 5.进入console,输入__run,进入js调试,序当前停在debugger位置;??总结:有总比没有好,哈哈哈哈---- -END-

    29620

    python 爬取股市数据存入mysql

    1.利用casperjs 爬取新浪股市排行数据,生成数据文件获取新浪股票排行var casper = require(casper).create({    waitTimeout: 10000,     verbose:true,    logLevel: debug,    clientScripts: , #Casperjs的运行需要jquery    pageSettings: {         dataallday5_sina.txt;    var fs = require(fs);    fs.write(filename,rank);});  casper.run();2.使用 python入库读取Casperjs

    34730

    前端自动化测试探索

    最直接的功能测试就是模拟用户操作,通过模拟正常的操作流来判断页面展现是否符合预期。Phantomjs、CasperJS大名鼎鼎的PhantomJS当然要隆重介绍啦! 例如下面这个GitHub项目便使用Casperjs测试一个电子商务网站的登录、下单等重要流是否正常。case完善之后一条命令便可测试整个网站。 已知的问题就有很多,如果出现问题时由广告系统的人员挨个检测是一个很耗费人力的过。而这些特征都是跟实际运行环境相关的,大部分都可以通过casperjs之类的工具来进行检测。 与自动化测试的结合回到刚才的需求,如何通过casperjs实现这些检测需求呢。 这方面有很多,可以自行搜索。

    675100

    02技能之谷歌Chrome爬虫 |数据爬取及可视化系列

    前阵子研究了nodejs爬虫相关的内容,发现最好用的还是casperjs,一个基于Phantom JS的库。?Phantom JS是一个服务器端的 JavaScript API 的 WebKit。 用casperjs做爬虫要编呢。有点麻烦。有没有更简单的方式呢???其实有的。对于单页面的数据抓取,我建议直接采用谷歌浏览器的控制台来获取数据就行啦~简单又好用,今天分享下这一技巧。 附一张动图的:?3.发现原来是class为t的h3标签包含了这一标题内容?4.那么,我们可以通过innerText获取标签内的文本内容。

    99290

    可视化前端测试

    casperjs 工具地址:http:casperjs.org 工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性 工具可测试类型:性能测试、功能测试、界面测试 工具点评:CasperJS极大的简化了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制化的单元测试结果PhantomCSS 工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 Selenium工具地址:http:www.seleniumhq.org 工具介绍:Selenium是一个用于Web应用序测试的工具。 这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用序看是否能够很好得工作在不同浏览器和操作系统之上。 工具可测试类型:多浏览器测试。

    506100

    概览:可视化前端测试

    casperjs工具地址:http:casperjs.org工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性。 工具点评:CasperJS极大的简化了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制化的单元测试结果。 工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 Selenium工具地址:http:www.seleniumhq.org工具介绍:Selenium是一个用于Web应用序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。 这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用序看是否能够很好得工作在不同浏览器和操作系统之上。工具可测试类型:多浏览器测试。

    79300

    可视化前端测试

    casperjs 工具地址:http:casperjs.org 工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性 工具可测试类型:性能测试、功能测试、界面测试 工具点评:CasperJS极大的简化了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制化的单元测试结果PhantomCSS 工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 Selenium工具地址:http:www.seleniumhq.org 工具介绍:Selenium是一个用于Web应用序测试的工具。 这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用序看是否能够很好得工作在不同浏览器和操作系统之上。 工具可测试类型:多浏览器测试。

    28130

    前端自动化测试解决方案探析

    这有助于编写简洁可用和高质量的代码,并加速实际开发过?? 例如CasperJS、Nighmare、Nightwatch、Dalekjs,我们来逐个看下。casperJScasperJS基于PhantomJS或SlimerJS(PhantomJS或SlimerJS都是用于web测试的自动化无界面浏览器),可以模拟完成页面内系统级的自动化操作行为测试。 ,用以代替测试人员手动操作的过,从而能够提高测试效率。 自动化测试不可避免地要求我们去编写测试用例,会花去一定的事件,我们在实际的项目开发过中,决定要不要使用自动化的测试方案应该根据具体的场景来决定,如果业务规模并不复杂,而且系统功能流清晰,则不建议使用测试用例

    49170

    前端自动化测试解决方案探析

    这有助于编写简洁可用和高质量的代码,并加速实际开发过  BDD和TDD均有各自的适用场景,BDD一般更偏向于系统功能和业务逻辑的自动化测试设计,而TDD在快速开发并测试功能模块的过中则更加高效,以快速完成开发为目的 例如CasperJS、Nighmare、Nightwatch、Dalekjs,我们来逐个看下。casperJS。   casperJS基于PhantomJS或SlimerJS(PhantomJS或SlimerJS都是用于web测试的自动化无界面浏览器),可以模拟完成页面内系统级的自动化操作行为测试。 ,用以代替测试人员手动操作的过,从而能够提高测试效率。 自动化测试不可避免地要求我们去编写测试用例,会花去一定的事件,我们在实际的项目开发过中,决定要不要使用自动化的测试方案应该根据具体的场景来决定,如果业务规模并不复杂,而且系统功能流清晰,则不建议使用测试用例

    17321

    Headless Testing入坑指南

    ●轻松模拟多个浏览器在非自动化的测试流中,测试人员为了能在不同浏览器(不同内核、不同尺寸)上确认页面的表现与运行是否正常,不得不来回切换浏览器,移动端测试还不得不切换机型。 CasperJS专为PhantomJS而生,它提供了一个基本的测试套件,它允许你运行完整的功能测试,也允许你从Web页面中获取数据。安装phantomjs方法(Linux)?安装casperjs方法? 下面是一个使用PhantomJS+CasperJS来进行无头测试的例子。首先你需要创建一个caspergoogle.js文件,它的代码如下:?? 上面的例子里,我们用CasperJS抓取了http:Google.com的数据,然后我们利用CasperJS向搜索框中模拟输入了一段字符串,然后把运行结果输出到了终端。

    42550

    如何技术地识别双十一的“骗”局

    技术选型:区块链:Ethereum+Truffle桌面APP:Electron+Metamask爬虫工具:PhantomJS+Casperjs一、区块链开发我们主要使用Truffle来进行区块链的开发, 入门可以查看官方的网站,有详细的使用。 个人简单使用可以采用以下方案:CasperJS一个开源的导航脚本处理和测试工具,基于PhantomJS(前端自动化测试工具)编写,在这里作为爬虫工具使用,用来监测商品。

    35540

    12 款 JavaScript 代码测试必备工具

    它主要用于自动化测试 web 应用序,但是只是很简单地考虑到了基于网络的管理任务。08. WebdriverIOWebdriverIO 允许用户仅添加几行代码就可以控制浏览器或移动应用序,使测试代码更简单、简洁、易读。 PhantomCSS PhantomCSS 获得 CasperJS 捕获的屏幕截图,并使用 Resemble.js 将其与基准图进行对比,以测试 RGB 像素差异。 针对 PhantomJS, CasperJS 和 PhantomCSS 的 NodeJS 包装器—— PhantomFlow 能够流畅地在代码中描述用户流,同时生成用于可视化的结构化树数据。12.

    607100

    01基于位置的用户画像初探|数据爬取及可视化系列

    但是百度还没有收录,当然我也没到要去购买的度,仅仅是研究啊哈~ 所以主要从大众点评上获取数据。 好好先生餐厅的顾客们的其他爱好是什么↓通过,用户点评过的地点,以及发表评论的时间,了解他们的行为习惯 数据收集及可视化:----点评网并没有直接的展示用户的位置轨迹,于是需要我们自己动手去搜集数据,处理数据,下面是通过编实现的思路 用casperjs爬取商户的所有评论页面↓通过nodejs中的cheerio解析网页,提取用户id↓根据用户id爬取用户的所有点评地点的经纬度信息,及日期↓通过百度地图,显示用户去过的地点,并用echart 关于casperjs、nodejs、echart相关的技术使用心得,将在另一篇文章中总结。下图是商户的评论页,有10669条评论,手动去收集肯定是不现实的啊,本次采用了casperjs来抓取~?

    948120

    Web 自动化测试与智能爬虫利器:PhantomJS 简介与实战

    屏幕捕获:以编方式抓起CSS、SVG和Canvas等页面内容,即可实现网络爬虫应用。构建服务端Web图形应用,如截图服务、矢量光栅图应用。 PhantomJS 已形成了一个功能非常强大的生态圈内容,相关项目如下:CasperJS:一个开源的导航脚本处理和高级测试工具Poltergeist :测试工具Capybara的测试驱动Guard::Jasmine JavaScript、CoffeeScript 和 Python 支持,也是 Webkit 内核SlimerJS,已知有 JavaScript 支持,Gecko 内核,和火狐是一样的,也可以运行于火狐之上CasperJS 上边两个的进一步封装这个重要的特性使得他们和一些爬虫框架组合起来使用之后,目测一大波智能爬虫正向我们走来~    -_-|||3、实战:抓取某个页面所有的子请求简单的入门这里就不说了,可以参考官方文档或者文末链接 blog.csdn.netimlszarticledetails24325623  使用Selenium和PhantomJS解析带JS的网页http:smilejay.com201312try-phantomjs-with-selenium  PhantomJS快速入门

    1.4K90

    phantomjs小试

    网页监控: 定期打开页面,检查网站是否正常加载,加载结果是否符合预期等 页面截图:以编方式抓起CSS、SVG和Canvas等页面内容 网络爬虫:抓取网络页面 start在官网直接下载phantomjs phantomjs 实现登录在写一些爬虫序的时候,可能会需要先登录系统,获取登录的cookie。 延伸阅读CasperJS:一个开源的导航脚本处理和高级测试工具

    36050

    phantomjs小试

    网页监控: 定期打开页面,检查网站是否正常加载,加载结果是否符合预期等 页面截图:以编方式抓起CSS、SVG和Canvas等页面内容 网络爬虫:抓取网络页面 start在官网直接下载phantomjs phantomjs 实现登录在写一些爬虫序的时候,可能会需要先登录系统,获取登录的cookie。 延伸阅读CasperJS:一个开源的导航脚本处理和高级测试工具

    28420

    扫码关注云+社区

    领取腾讯云代金券