展开

关键词

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

作者:IMWeb yangchunwen 原出处:IMWeb社区 未经同意,禁止转载 首先要解释一下为什么叫浏览器自动化测试,因为本只关注发布后页面功能的自动化测试,也就是UI层面的自动化。 这里演示下使用casperjs截取百度首页 关于这两个东西的安装,有兴趣体验的建议去看官方档,其实很简单,这里不一一赘述。 并hard code到你的casperjs脚本:phantom.addCookie({ name: BDUSS, value: 你复制的cookie值, domain: .baidu.com, path 逐一读取cookie并显示到命令行最后,运行测试脚本casperjs login.js能得到4张截图,分别记录了整个登录交互过程关键步骤的交互效果:1.png:未登录2.png:登录页3.png:填写信息 casperjs提供了相对比较完善的单元测试API单元测试,每一个testsuite都被包装在一个闭包:casper.test.begin(your testsuite, 0, function (

38230

CasperJS构建你的网络爬虫

编写你的脚本 接下来创建一个新的包含你脚本的JavaScript件。在我的例子,我将其命名为index.js。 你在初始配置指定的waitTimeout将用于决定在发生故障前要等待多长时间。 注意:有时你可能无法使用CasperJS查找元素。要获取CasperJS可以看到的图片(字面意义上的!) 在我们的案例,它是与第二类相关的div。 CasperJS附带一个评估(evaluate)函数,它允许你从页面内运行JavaScript,并且可以让该函数返回一个变量以供进一步处理。 CasperJS做什么。 在本系列的下一篇,我将研究如何从网页下载图像,并且还将讨论如何使用CasperJS内置的件系统函数,这些函数比你将习惯使用来自Node.js的函数更加受限.

36630
  • 广告
    关闭

    50+款云产品免费体验

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

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

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

    这里演示下使用casperjs截取百度首页关于这两个东西的安装,有兴趣体验的建议去看官方档,其实很简单,这里不一一赘述。 在PC端chrome打开百度首页,并用你的帐号登录,在开发者工具复制百度帐号关键cookie BDUSS的值并hard code到你的casperjs脚本:phantom.addCookie({ 逐一读取cookie并显示到命令行最后,运行测试脚本casperjs login.js能得到4张截图,分别记录了整个登录交互过程关键步骤的交互效果:1.png:未登录2.png:登录页3.png:填写信息 casperjs提供了相对比较完善的单元测试API单元测试,每一个testsuite都被包装在一个闭包:casper.test.begin(your testsuite, 0, function ( 原链接:http:ivweb.iotopic55e46d8d771670e207a16bdc

    1.4K00

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

    首先要解释一下为什么叫浏览器自动化测试,因为本只关注发布后页面功能的自动化测试,也就是UI层面的自动化。 这里演示下使用casperjs截取百度首页 关于这两个东西的安装,有兴趣体验的建议去看官方档,其实很简单,这里不一一赘述。 并hard code到你的casperjs脚本:phantom.addCookie({ name: BDUSS, value: 你复制的cookie值, domain: .baidu.com, path 逐一读取cookie并显示到命令行最后,运行测试脚本casperjs login.js能得到4张截图,分别记录了整个登录交互过程关键步骤的交互效果:1.png:未登录2.png:登录页3.png:填写信息 casperjs提供了相对比较完善的单元测试API单元测试,每一个testsuite都被包装在一个闭包:casper.test.begin(your testsuite, 0, function (

    61850

    对 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 代码添加debugger;实例代码:var webPage = require(webpage);var page = webPage.create();var file_path=E:pjs-spaceimg 4.点击js件进入调试界面;?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 生成的数据件,写入mysql#!

    34730

    Headless Testing入坑指南

    CasperJS专为PhantomJS而生,它提供了一个基本的测试套件,它允许你运行完整的功能测试,也允许你从Web页面获取数据。安装phantomjs方法(Linux)?安装casperjs方法? 下面是一个使用PhantomJS+CasperJS来进行无头测试的例子。首先你需要创建一个caspergoogle.js件,它的代码如下:?? 上面的例子里,我们用CasperJS抓取了http:Google.com的数据,然后我们利用CasperJS向搜索框模拟输入了一段字符串,然后把运行结果输出到了终端。 总结在本,我们了解了无头测试如何帮助作为开发者的你,并探索了一些无头测试工具和示例。无头测试在web开发是非常有用的工具。 通过无头测试,您可以生成网站的截图和pdf件,从网站上抓取内容,自动提交表单,并模拟键盘输入。当与无头浏览器结合使用时,它允许你在完全成熟的浏览器做任何你可以做的事情,而不需要浏览器。

    42550

    可视化前端测试

    作者:IMWeb 莫卓颖 原出处:IMWeb社区 未经同意,禁止转载 可视化前端测背景 相信进行过前端开发的同学都知道,前端测试不仅仅涉及到功能的测试,而且也需要考虑到界面样式测试、多浏览器兼容性测试 本主要讨论分析目前前端测试的现状,并讨论目前流行的测试工具,下篇章将会介绍工具的使用方法 前端测试分类前端测试主要分三大方向测试,而这三大方向也分很多小方向测试,首先简单的介绍每个方向的概念界面样式测试 页面总下载时间(onload):网站所有资源加载完成并且可用时间。 casperjs 工具地址:http:casperjs.org 工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性 工具点评:PhantomCSS加强了CasperJS在界面测试图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。

    28130

    概览:可视化前端测试

    主要讨论分析目前前端测试的现状,并讨论目前流行的测试工具,下篇章将会介绍工具的使用方法。前端测试分类前端测试主要分三大方向测试,而这三大方向也分很多小方向测试,首先简单的介绍每个方向的概念。 界面样式测试固定界面样式测试:主要针对字内容不变的区域,例如页面的页头,页脚这类结构、内容不变的区域,而测试一般通过截图对比解决。 casperjs工具地址:http:casperjs.org工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性。 工具点评:PhantomCSS加强了CasperJS在界面测试图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。 原链接:http:ivweb.iotopic55e3e7e6771670e207a16bd6

    79300

    可视化前端测试

    主要讨论分析目前前端测试的现状,并讨论目前流行的测试工具,下篇章将会介绍工具的使用方法前端测试分类前端测试主要分三大方向测试,而这三大方向也分很多小方向测试,首先简单的介绍每个方向的概念界面样式测试 固定界面样式测试:主要针对字内容不变的区域,例如页面的页头,页脚这类结构、内容不变的区域,而测试一般通过截图对比解决。 页面总下载时间(onload):网站所有资源加载完成并且可用时间。 casperjs 工具地址:http:casperjs.org 工具介绍:CasperJS 是基于PhantomJS作为内核的测试工具,为界面测试、功能测试提供了更加易用的API, 增强了测试的便利性 工具点评:PhantomCSS加强了CasperJS在界面测试图像比较的不足,在Resemble.js的基础上提供更加易用的图像比较接口。

    506100

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

    作者:IMWeb ouven 原出处:IMWeb社区 未经同意,禁止转载   前端测试一直是前端项目开发过程机器重要的一个环节,高效的测试方法可以减少我们进行代码自测的时间,提高我们的开发效率 在前端自动化测试,我们通常是通过不同的工具来解决不同场景下不同的问题的。 它通过QUnit.test定义一个测试集,一个测试集通过回调函数里面多个断言判断来实现多个测试用例,使用起来非常简单。 例如CasperJS、Nighmare、Nightwatch、Dalekjs,我们来逐个看下。casperJS。   casperJS基于PhantomJS或SlimerJS(PhantomJS或SlimerJS都是用于web测试的自动化无界面浏览器),可以模拟完成页面内系统级的自动化操作行为测试。

    17321

    前端自动化测试探索

    可测试方向首先本不会探讨单元测试方向,因为单测已经有完善的工具体系。但前端开发,除了一些框架和库,愿意去写单测的少之又少。另外单测维护成本较高,而且也没法满足前端测试的所有需求。 如果还是想使用可以修改源码获取图片件的方式,改为通过ajax获取同域名下件的方式,具体可以参考ResembleJs官网示例。 性能监控可以参考我的另一篇章七天打造前端性能监控系统。需要注意的是性能并不是一个目标,而是开发、测试过程需要持续关注的问题。 这在casperjs一个api即可搞定:javascript if(casper.exist(selector)){ casper.captureSelector(filename,selector) 与自动化测试的结合回到刚才的需求,如何通过casperjs实现这些检测需求呢。

    675100

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

    前端测试一直是前端项目开发过程机器重要的一个环节,高效的测试方法可以减少我们进行代码自测的时间,提高我们的开发效率,如果你的代码涉及的测试用例较多,而且项目需要长期维护,这时就可以考虑使用一下自动化测试了 在前端自动化测试,我们通常是通过不同的工具来解决不同场景下不同的问题的。 BDD和TDD均有各自的适用场景,BDD一般更偏向于系统功能和业务逻辑的自动化测试设计,而TDD在快速开发并测试功能模块的过程则更加高效,以快速完成开发为目的。 它通过QUnit.test定义一个测试集,一个测试集通过回调函数里面多个断言判断来实现多个测试用例,使用起来非常简单。 例如CasperJS、Nighmare、Nightwatch、Dalekjs,我们来逐个看下。casperJS

    49170

    12 款 JavaScript 代码测试必备工具

    MochaMocha 是一个功能丰富的 JavaScript 测试框架,既运行于 Node.js 环境,也可以运行于浏览器环境。 Mocha 以串行方式运行测试,能做出灵活而准确的报告,也能将测试未捕捉的异常映射到正确的测试用例。? 03. PhantomCSS PhantomCSS 获得 CasperJS 捕获的屏幕截图,并使用 Resemble.js 将其与基准图进行对比,以测试 RGB 像素差异。 针对 PhantomJS, CasperJS 和 PhantomCSS 的 NodeJS 包装器—— PhantomFlow 能够流畅地在代码描述用户流程,同时生成用于可视化的结构化树数据。12. 它是通过下面方式实现的:运行测试套件,获取 DOM 快照并上传到 Percy 服务,最终在浏览器渲染之。—————END—————看完本有意思?请分享给更多人小伙伴们,你怎么看

    607100

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

    今天更新一篇《数据爬取及可视化系列》的技能相关的章:爬虫技能。前阵子研究了nodejs爬虫相关的内容,发现最好用的还是casperjs,一个基于Phantom JS的库。? 用casperjs做爬虫要编程呢。有点麻烦。有没有更简单的方式呢???其实有的。对于单页面的数据抓取,我建议直接采用谷歌浏览器的控制台来获取数据就行啦~简单又好用,今天分享下这一技巧。 2.我想把这些标题的本内容都截取下来,可以右击标题,然后选择“审查元素”,在弹出的窗体,查看标题是属于哪个html标签的。?附一张动图的教程:? 4.那么,我们可以通过innerText获取标签内的本内容。 实例3目标:获取国知网的搜索结果----写论的时候,用知网搜索出来的结果,以前我是一个个去复制黏贴保存下来的。现在利用谷歌浏览器,可以把标题、作者等信息保存下来,方便整理。?

    99290

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

    研究了1个月的nodejs爬虫,数据提取,mongodb数据库,数据可视化等等内容,我终于写了第一篇关于数据的章,哈~这个系列的章会从:技能数据来源数据可视化的套路交互设计等方面进行更新今天首发的是系列章 我们没有必要,也不太可能从数据知道为什么,因为世间万物的关系太复杂了,其实知道”是什么“就够了,要解读数据,让数据自己”发声“告诉我们正在发生的现象。 用casperjs爬取商户的所有评论页面↓通过nodejs的cheerio解析网页,提取用户id↓根据用户id爬取用户的所有点评地点的经纬度信息,及日期↓通过百度地图,显示用户去过的地点,并用echart 展示了下活动在一周的分布情况。 关于casperjs、nodejs、echart相关的技术使用心得,将在另一篇总结。下图是商户的评论页,有10669条评论,手动去收集肯定是不现实的啊,本次采用了casperjs来抓取~?

    948120

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

    任何人都可以在公开的接口查询区块链的数据,还可以在整个系统分享与交换数据,可见区块链保持了系统信息的高度开放性和透明性。 区块链技术是一个性的存在,它像是一个账本,可以记录所有的交易数据,可以用于验证信息的真伪。 技术选型:区块链:Ethereum+Truffle桌面APP:Electron+Metamask爬虫工具:PhantomJS+Casperjs一、区块链开发我们主要使用Truffle来进行区块链的开发, 个人简单使用可以采用以下方案:CasperJS一个开源的导航脚本处理和测试工具,基于PhantomJS(前端自动化测试工具)编写,在这里作为爬虫工具使用,用来监测商品。 以上为本内容。

    35540

    phantomjs小试

    作者:IMWeb 李冬冬 原出处:IMWeb社区 未经同意,禁止转载 简单来说,phantomjs就是一个运行在node上的webkit内核,支持DOM渲染,css选择器,Canvas,SVG等 windows环境直接下载exe件,解压,运行http:phantomjs.orgdownload.html来个截图小demo由于phantomjs相当于一个没有UI的浏览器,可以抓取url下的所有内容 url = http:ke.qq.com;page.open(url, function (status) { page.render(index.png); phantom.exit();});保存件为 延伸阅读CasperJS:一个开源的导航脚本处理和高级测试工具

    28420

    phantomjs小试

    windows环境直接下载exe件,解压,运行http:phantomjs.orgdownload.html来个截图小demo由于phantomjs相当于一个没有UI的浏览器,可以抓取url下的所有内容 url = http:ke.qq.com;page.open(url, function (status) { page.render(index.png); phantom.exit();});保存件为 延伸阅读CasperJS:一个开源的导航脚本处理和高级测试工具

    36050

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

    PhantomJS 已形成了一个功能非常强大的生态圈内容,相关项目如下:CasperJS:一个开源的导航脚本处理和高级测试工具Poltergeist :测试工具Capybara的测试驱动Guard::Jasmine 2、PhantomJS VS Selenium 去年在《WEB 自动化测试工具 Selenium 简介及其应用》一介绍过 Selenium 的用法与功能,其实它也是一个 Web 自动化测试工具,是  JavaScript、CoffeeScript 和 Python 支持,也是 Webkit 内核SlimerJS,已知有 JavaScript 支持,Gecko 内核,和火狐是一样的,也可以运行于火狐之上CasperJS 上边两个的进一步封装这个重要的特性使得他们和一些爬虫框架组合起来使用之后,目测一大波智能爬虫正向我们走来~    -_-|||3、实战:抓取某个页面所有的子请求简单的入门教程这里就不说了,可以参考官方档或者末链接 好了,本就介绍 PhantomJS 到这里,主要通过一个实际的例子来展示 PhantomJS 的强大功能与特性,而在实际的 web 自动化测试或者爬虫需求,它的一些其它特性我们或许恰好就能用得上~5

    1.4K90

    相关产品

    • 智聆口语评测(中文版)

      智聆口语评测(中文版)

      腾讯云智聆口语评测(中文版)是腾讯云推出的中文口语评测产品。支持从儿童到成人全年龄覆盖的普通话语音评测,支持字词、句子等多种模式,支持发音准确度(GOP),流利度,完整度等全方位打分机制,专家打分相似度 95% 以上。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券