展开

关键词

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

首先要解释一下为什么叫浏览器自动测试,因为本文只关注发布后页面功能的自动测试,也就是UI层面的自动。 开胃菜说到浏览器自动测试,不得不介绍大名鼎鼎的phantomjs及casperjs。 交互简单的截图+对比还远远达不到我们的测试要求,对于自动原则来说,为我们实现自动的页面交互才是王道,别急,这就来。 单元测试通过前面的介绍,使用phantomjs(casperjs)已经能实现很多自动的功能,在此基础上,实现单元测试就很简单了。 另外,casperjs的test模块还可以在测试后产出XML结果,例如上面那个例子的结果如下: 利用这个XML结果,与报警等系统结合,可以实现各种强大的自动功能。问题浏览器兼容。

61850

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

作者:yangchunwen作者:yangchunwen首先要解释一下为什么叫浏览器自动测试,因为本文只关注发布后页面功能的自动测试,也就是UI层面的自动。 开胃菜说到浏览器自动测试,不得不介绍大名鼎鼎的phantomjs及casperjs。 交互简单的截图+对比还远远达不到我们的测试要求,对于自动原则来说,为我们实现自动的页面交互才是王道,别急,这就来。 单元测试通过前面的介绍,使用phantomjs(casperjs)已经能实现很多自动的功能,在此基础上,实现单元测试就很简单了。 另外,casperjs的test模块还可以在测试后产出XML结果,例如上面那个例子的结果如下: 利用这个XML结果,与报警等系统结合,可以实现各种强大的自动功能。问题浏览器兼容。

1.4K00
  • 广告
    关闭

    50+款云产品免费体验

    提供包括云服务器,云数据库在内的50+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

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

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

    本文作者:IMWeb yangchunwen 原文出处:IMWeb社区 未经同意,禁止转载 首先要解释一下为什么叫浏览器自动测试,因为本文只关注发布后页面功能的自动测试,也就是UI层面的自动。 开胃菜说到浏览器自动测试,不得不介绍大名鼎鼎的phantomjs及casperjs。 交互简单的截图+对比还远远达不到我们的测试要求,对于自动原则来说,为我们实现自动的页面交互才是王道,别急,这就来。 单元测试通过前面的介绍,使用phantomjs(casperjs)已经能实现很多自动的功能,在此基础上,实现单元测试就很简单了。 另外,casperjs的test模块还可以在测试后产出XML结果,例如上面那个例子的结果如下: 利用这个XML结果,与报警等系统结合,可以实现各种强大的自动功能。问题浏览器兼容。

    38330

    前端自动测试探索

    casperjs能监听测试和页面的各个状态进行截图等操作,如果针对测试运行结果稍作,便可以形成一个可视操作流:? 一般开发者都会利用自动工具对资源进行合并压缩等,很多大公司也都搭建自己的性能监控系统指导工作。性能监控可以参考我的另一篇文章七天打造前端性能监控系统。 我们有自动的工具和框架在开发时进行,同样可以借助工具在测试时进行性能测试。 与自动测试的结合回到刚才的需求,如何通过casperjs实现这些检测需求呢。 基于现有的秀工具、库、平台,针对自身产品的特点进行和二次开发更有利于工具本身的发展。

    675100

    Headless Testing入坑指南

    为什么要使用Headless TestingHeadless Testing有下面的势: 比真实浏览器更快抓取数据更加方便便于构建自动测试脚本轻松模拟多个浏览器●比真实浏览器更快 由于无头测试不需要启动浏览器的 而有了无头测试工具之后,这一切操作都可以自动完成。●便于构建自动测试脚本你可以利用无头测试工具和js的测试框架(如mocha、jasmin、karma等)轻松地进行前端页面的单元测试。 CasperJS专为PhantomJS而生,它提供了一个基本的测试套件,它允许你运行完整的功能测试,也允许你从Web页面中获取数据。安装phantomjs方法(Linux)?安装casperjs方法? 下面是一个使用PhantomJS+CasperJS来进行无头测试的例子。首先你需要创建一个caspergoogle.js文件,它的代码如下:?? 上面的例子里,我们用CasperJS抓取了http:Google.com的数据,然后我们利用CasperJS向搜索框中模拟输入了一段字符串,然后把运行结果输出到了终端。

    42550

    可视前端测试

    casperjs 工具地址:http:casperjs.org 工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性 工具可测试类型:性能测试、功能测试、界面测试 工具点评:CasperJS极大的简了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制的单元测试结果PhantomCSS 工具地址:https:github.comHuddlePhantomCSS 工具介绍:PhantomCSS是基于CasperJS作为内核,并结合Resemble.js 去进行图像像素级的比较,支持不一致的地方 工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 工具点评:Phantomas作为自动性能数据收集工具,解决了日常性能数据收集的问题的,但是性能的指标数据需要的是大样本、更加贴近用户数据的平均值,而不是使用假设在条件良好的环境下获取的性能数据,因此更推荐使用

    506100

    概览:可视前端测试

    casperjs工具地址:http:casperjs.org工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性。 工具点评:CasperJS极大的简了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制的单元测试结果。 PhantomCSS工具地址:https:github.comHuddlePhantomCSS工具介绍:PhantomCSS是基于CasperJS作为内核,并结合Resemble.js 去进行图像像素级的比较 工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 工具点评:Phantomas作为自动性能数据收集工具,解决了日常性能数据收集的问题的,但是性能的指标数据需要的是大样本、更加贴近用户数据的平均值,而不是使用假设在条件良好的环境下获取的性能数据,因此更推荐使用

    79300

    可视前端测试

    casperjs 工具地址:http:casperjs.org 工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性 工具可测试类型:性能测试、功能测试、界面测试 工具点评:CasperJS极大的简了PhantomJS的接口,特别在前端测试方面,封装了大量相关的函数,而且支持定制的单元测试结果PhantomCSS 工具地址:https:github.comHuddlePhantomCSS 工具介绍:PhantomCSS是基于CasperJS作为内核,并结合Resemble.js 去进行图像像素级的比较,支持不一致的地方 工具点评:PhantomCSS加强了CasperJS在界面测试中图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 工具点评:Phantomas作为自动性能数据收集工具,解决了日常性能数据收集的问题的,但是性能的指标数据需要的是大样本、更加贴近用户数据的平均值,而不是使用假设在条件良好的环境下获取的性能数据,因此更推荐使用

    28230

    CasperJS构建你的网络爬虫

    如果你使用安装homebrew软件的Mac,则可以用以下命令安装PhantomJS brew install phantomjs 下载完毕后,你需要以类似的方式安装CasperJSCasperJS允许我们用JavaScript编写我们的脚本。你可以测试它是否已正确安装,并且通过在终端键入casperjs测试它是否在你的安装路径(PATH)上。 在编写脚本之前,你已经查看了页面源代码,或者你可能会使用开发人员工具根据某些操作观察页面的变。 所以,让我们从一个简单的逻辑开始吧。使用CasperJS断言系统在继续之前确保某个元素已经到位。 注意:有时你可能无法使用CasperJS查找元素。要获取CasperJS可以看到的图片(字面意义上的!) 在本系列的下一篇文章中,我将研究如何从网页下载图像,并且还将讨论如何使用CasperJS中内置的文件系统函数,这些函数比你将习惯使用来自Node.js的函数更加受限.

    36630

    python 爬取股市数据存入mysql

    1.利用casperjs 爬取新浪股市排行数据,生成数据文件获取新浪股票排行var casper = require(casper).create({    waitTimeout: 10000,     verbose:true,    logLevel: debug,    clientScripts: , #Casperjs的运行需要jquery    pageSettings: {         打开新浪股票热度排行页面  casper.thenOpen(http:touzi.sina.com.cnpublicbhot);     3.输出全市场用户关注1日变幅度排行 casper.then( filename = dataallday1_sina.txt;    var fs = require(fs);    fs.write(filename,rank);});  4.输出全市场用户关注5日变幅度排行 dataallday5_sina.txt;    var fs = require(fs);    fs.write(filename,rank);});  casper.run();2.使用 python入库读取Casperjs

    34930

    对 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

    29620

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

    一、前端自动测试前端自动测试一般是指是在预设条件下运行前端页面或逻辑模块,评估运行结果。预设条件应包括正常条件和异常条件,以达到自动运行测试过程、减少或避免人工干预测试的目的。 在前端自动测试中,我们通常是通过不同的工具来解决不同场景下不同的问题的。 三、集成测试解决方案??除了模块单元的测试驱动开发,在系统功能测试阶段,我们希望自动完成业务功能正确性的检测,此时我们就要考虑集成测试方案了。目前前端集成测试自动工具也有比较多。 例如CasperJS、Nighmare、Nightwatch、Dalekjs,我们来逐个看下。casperJScasperJS基于PhantomJS或SlimerJS(PhantomJS或SlimerJS都是用于web测试的自动无界面浏览器),可以模拟完成页面内系统级的自动操作行为测试。

    49270

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

    一、前端自动测试  前端自动测试一般是指是在预设条件下运行前端页面或逻辑模块,评估运行结果。预设条件应包括正常条件和异常条件,以达到自动运行测试过程、减少或避免人工干预测试的目的。 在前端自动测试中,我们通常是通过不同的工具来解决不同场景下不同的问题的。 三、集成测试解决方案  除了模块单元的测试驱动开发,在系统功能测试阶段,我们希望自动完成业务功能正确性的检测,此时我们就要考虑集成测试方案了。目前前端集成测试自动工具也有比较多。 例如CasperJS、Nighmare、Nightwatch、Dalekjs,我们来逐个看下。casperJS。   casperJS基于PhantomJS或SlimerJS(PhantomJS或SlimerJS都是用于web测试的自动无界面浏览器),可以模拟完成页面内系统级的自动操作行为测试。

    17321

    12 款 JavaScript 代码测试必备工具

    Selenium 有一个简单的目标:就是自动浏览器。它主要用于自动测试 web 应用程序,但是只是很简单地考虑到了基于网络的管理任务。08. PhantomCSS PhantomCSS 获得 CasperJS 捕获的屏幕截图,并使用 Resemble.js 将其与基准图进行对比,以测试 RGB 像素差异。 针对 PhantomJS, CasperJS 和 PhantomCSS 的 NodeJS 包装器—— PhantomFlow 能够流畅地在代码中描述用户流程,同时生成用于可视的结构树数据。12. Percy.io Percy 提供关于视觉变的迭代及快速反馈,带来了所谓的连续视觉集成。它是通过下面方式实现的:运行测试套件,获取 DOM 快照并上传到 Percy 服务,最终在浏览器中渲染之。

    608100

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

    今天更新一篇《数据爬取及可视系列》的技能相关的文章:爬虫技能。前阵子研究了nodejs爬虫相关的内容,发现最好用的还是casperjs,一个基于Phantom JS的库。? 用casperjs做爬虫要编程呢。有点麻烦。有没有更简单的方式呢???其实有的。对于单页面的数据抓取,我建议直接采用谷歌浏览器的控制台来获取数据就行啦~简单又好用,今天分享下这一技巧。

    99390

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

    研究了1个月的nodejs爬虫,数据提取,mongodb数据库,数据可视等等内容,我终于写了第一篇关于数据的文章,哈~这个系列的文章会从:技能数据来源数据可视的套路交互设计等方面进行更新今天首发的是系列文章 :关于数据爬取及可视的第一篇|基于位置的用户画像初探第一篇先谈谈总的思路,及尝试一些数据研究的方法。 及评论过的地点,日期↓假设评论发表时,用户正在该地点活动↓从标签,我们可以看出,Mr Nice好好先生餐厅的顾客们的其他爱好是什么↓通过,用户点评过的地点,以及发表评论的时间,了解他们的行为习惯 数据收集及可视: 用casperjs爬取商户的所有评论页面↓通过nodejs中的cheerio解析网页,提取用户id↓根据用户id爬取用户的所有点评地点的经纬度信息,及日期↓通过百度地图,显示用户去过的地点,并用echart 关于casperjs、nodejs、echart相关的技术使用心得,将在另一篇文章中总结。下图是商户的评论页,有10669条评论,手动去收集肯定是不现实的啊,本次采用了casperjs来抓取~?

    948120

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

    技术选型:区块链:Ethereum+Truffle桌面APP:Electron+Metamask爬虫工具:PhantomJS+Casperjs一、区块链开发我们主要使用Truffle来进行区块链的开发, 个人简单使用可以采用以下方案:CasperJS一个开源的导航脚本处理和测试工具,基于PhantomJS(前端自动测试工具)编写,在这里作为爬虫工具使用,用来监测商品。 的一些数据 附上商品监测的范围参考,各位可以自行选择适合的:监测范围:16个平台,1562品类,39487品牌,834万商品; 监测平台:京东、天猫、苏宁易购、国美在线、1号店、亚马逊、我买网、当当网、聚美品 、乐蜂网、麦乐购、蜜芽宝贝、速普母婴、国际妈咪、母婴之家、乐友孕婴童;监测品类:家电(冰箱、空调、平板电视、热水器、洗衣机、烟机灶具,挂烫机、净水设备、空气净器、吸尘器、饮水机,电磁炉、电饭煲、电烤箱 、电压力锅、豆浆机、料理榨汁机、微波炉);乳制品(婴幼儿奶粉、常温酸奶、儿童奶、风味奶、高端奶、功能奶、进口牛奶、普通纯牛奶、乳饮料);妆品(洁面、面膜、妆水、素颜霜、防晒、卸妆、眼贴、唇膜、润唇膏

    35740

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

    PhantomJS 已形成了一个功能非常强大的生态圈内容,相关项目如下:CasperJS:一个开源的导航脚本处理和高级测试工具Poltergeist :测试工具Capybara的测试驱动Guard::Jasmine 2、PhantomJS VS Selenium 去年在《WEB 自动测试工具 Selenium 简介及其应用》一文中介绍过 Selenium 的用法与功能,其实它也是一个 Web 自动测试工具,是  JavaScript、CoffeeScript 和 Python 支持,也是 Webkit 内核SlimerJS,已知有 JavaScript 支持,Gecko 内核,和火狐是一样的,也可以运行于火狐之上CasperJS bj.ooxx.comjob.shtml-----------------------......虽说 ghost.py 整个功能和 PhantomJS 类似,但它的兼容性还是要差一大截:(1)请求没有 f=wb  走进 phantomjs 嵌入式测试http:web.jobbole.com83711  用PhantomJS来给AJAX站点做SEOhttp:f2er.infoarticle29https

    1.4K90

    phantomjs小试

    phantomjs 使用场景:页面自动测试: 无需浏览器的情况下进行快速的Web测试,且支持很多测试框架,如YUI Test、Jasmine、WebDriver、Capybara、QUnit、Mocha 延伸阅读CasperJS:一个开源的导航脚本处理和高级测试工具

    36050

    phantomjs小试

    phantomjs 使用场景:页面自动测试: 无需浏览器的情况下进行快速的Web测试,且支持很多测试框架,如YUI Test、Jasmine、WebDriver、Capybara、QUnit、Mocha 延伸阅读CasperJS:一个开源的导航脚本处理和高级测试工具

    28420

    相关产品

    • 云顾问

      云顾问

      腾讯云顾问从安全、可靠、服务限制几个维度帮助您优化云基础设施,以提升系统安全性以及服务可靠性。结合腾讯云多年服务客户沉淀的最佳实践,一键完成云资源的巡检操作,根据业务实际使用情况,在线提供资源优化建议,高效提升业务连续性。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券