casperjs的选择器可以在dom下工作，他既支持css也支持xpath.

下面所有的例子都基于这段html代码：

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>My page</title>

</head>

<body>

    <h1 class="page-title">Hello</h1>

    <ul>

        <li>one</li>

        <li>two</li>

        <li>three</li>

    </ul>

    <footer><p>©2012 myself</p></footer>

</body>

</html>

CSS3

默认情况下，casperjs将字符串视为css3表达式去查找dom元素

如果要查找实例页面里的<h1 class="page-title">，你可以这样做：

var casper = require('casper').create();

casper.start('http://domain.tld/page.html', function() {

    if (this.exists('h1.page-title')) {

        this.echo('the heading exists');

    }

});

casper.run();
或者你可以使用测试框架：
casper.test.begin('The heading exists', 1, function suite(test) {

    casper.start('http://domain.tld/page.html', function() {

        test.assertExists('h1.page-title');

    }).run(function() {

        test.done();

    });

});
有一些便捷的测试方法依赖于选择器：
casper.test.begin('Page content tests', 3, function suite(test) {

    casper.start('http://domain.tld/page.html', function() {

        test.assertExists('h1.page-title');

        test.assertSelectorHasText('h1.page-title', 'Hello');

        test.assertVisible('footer');

    }).run(function() {

        test.done();

    });

});
 

XPath

你也可以选择使用xpath表达式来替代css选择器：

casper.start('http://domain.tld/page.html', function() {

    this.test.assertExists({

        type: 'xpath',

        path: '//*[@class="plop"]'

    }, 'the element exists');

});
为了更容易的去使用和读xpath，selectXPath能给你提供帮助：
var x = require('casper').selectXPath;

casper.start('http://domain.tld/page.html', function() {

    this.test.assertExists(x('//*[@id="plop"]'), 'the element exists');

});

警告：1、当你使用casperjs.fill()去填充fields时，xpath存在使用限制2、PhantomJS只支持css3选择器使用uploadFile method

[译文]casperjs使用说明-选择器的更多相关文章

  1. [译文]casperjs使用说明-测试

    capserjs自带了一个测试框架,它提供了一个使你能够更容易的测试你的web应用的工具集. 注意: 1.1版本变更 这个测试框架,包括它的所有API,仅能使用在casperjs test子命令下 如 ...

  2. [译文]casperjs使用说明-使用命令行

    使用命令行 Casperjs使用内置的phantomjs命令行解析器,在cli模块里,它传递参数位置的命名选项 但是不要担心不能熟练操控CLI模块的API,一个casper实例已经包含了cli属性,允 ...

  3. [译文]casperjs的API-clientutils模块

    casper提供了少量的客户端接口用来进行远程DOM环境注入,通过clientutils模块的ClientUtils类实例中的__utils__对象来执行: casper.evaluate(funct ...

  4. [译文]casperjs 的API-casper模块

    Casper class: 可以通过这个模块的create()方法来获取这个模块的一个实例,这是最容易的: var casper = require('casper').create(); 我们也可以 ...

  5. [译文]casperjs的API-mouse模块

    mouse类 这个类是对各种鼠标操作的抽象,比如移动,点击,双击,滚动等.它要求一个已经获得DOM属性的casper对象,能用这种方式创造一个鼠标对象: var casper = require(&q ...

  6. [译文]casperjs的API-colorizer模块

    colorizer模块包含了一个Colorizer类,它能够生成一个标准化的颜色字符串: var colorizer = require('colorizer').create('Colorizer' ...

  7. CSS 笔记——选择器

    1. 选择器 (1)类型选择器(标签选择器) 基本语法 E { sRules } 使用说明 类型选择器.以文档对象(Element)类型作为选择器. 选择面较大,适合做某种标签元素外观的常规设置. 代 ...

  8. jquery选择器使用说明

    在jquery中选择器是一个非常重要的东西,几乎做什么都离不开它,下面我总结了jquery几种选择器的用法.以方便后面直接可以用到!! 层次选择器: 1.find()://找到该元素的子元素以及孙子元 ...

  9. jQuery css()选择器使用说明

    css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS( ...

随机推荐

  1. 15-糗事百科（python+xpath）

    爬取糗事百科的段子: 1.用xpath分析首要爬去内容的表达式: 2.用发起请求,获得原码: 3.用xpath分析源码,提取有用信息: 4.由python格式转为json格式,写入文件 #_*_ co ...

  2. mongodb修改用户名密码

    首先先将启动mongo的配置文件里面的 auth:用户认证,改为false. 正确做法,利用db.changeUserPassword db.changeUserPassword('tank2','t ...

  3. 洛谷 P2899 [USACO08JAN]手机网络Cell Phone Network

    题目描述 Farmer John has decided to give each of his cows a cell phone in hopes to encourage their socia ...

  4. 实践作业4：Web测试实践（小组作业）每日任务记录4

    昨天周日平安夜,给大家都放了假,故昨日博客未更新,今天回复博客更新. (一)今日任务更新 编号 人员 任务更新 1 侯欢 已经完成了对两个网站基本功能的分析,已形成基本功能分析报告. 2 余晨晨 上次 ...

  5. 老司机带你玩Spring.Net -入门篇

    网上有 Spring.Net 的相关的很多介绍的文章还有实践例子,推荐个还不错的博客 Spring.Net 学习笔记 .以前对 Spring.Net 算是有过一面之缘,但却迟迟未真正相识.在网上有太多 ...

  6. 关于利用word发布文章到博客

    目前大部分的博客作者在写博客这件事情上都会遇到以下3个痛点:1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.2.发布到博客或公众号平台 ...

  7. OpenSSH免密码登录SSH2

    SSH2免密码登录OpenSSHhttp://blog.csdn.net/aquester/article/details/23836299 两个SSH2间免密码登录http://blog.csdn. ...

  8. 编写高质量代码改善C#程序的157个建议——建议149：使用表驱动法避免过长的if和switch分支

    建议149:使用表驱动法避免过长的if和switch分支 随着代码变得复杂,我们很容易被过长的if和switch分支困扰. 一个类枚举类型Week如下: enum Week { Monday, Tue ...

  9. select,poll,epoll用法

    http://blog.csdn.net/sunboy_2050/article/details/6126712 select用法 #include <sys/time.h>       ...

  10. T-SQL逻辑查询

    理解T-SQL的逻辑查询顺序是学习SQL Server的基础. T-SQL逻辑执行顺序 (8)    SELECT (9) DISTINCT (11) <TOP_specification> ...