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. 【总结整理】AI产品经理大会2017（转载）

    从企业大数据到企业 AI | 易观智慧院院长 李智 1.AI 不是目的,而是要了解 AI 是什么,真正意义上的强人工智能在前沿领域尚未取得突破,暂时只能在影视文学作品中去思考人机关系.机器人三定律在未 ...

  2. XPath在python中的高级应用

    XPath在python的爬虫学习中,起着举足轻重的地位,对比正则表达式 re两者可以完成同样的工作,实现的功能也差不多,但XPath明显比re具有优势,在网页分析上使re退居二线. XPath介绍: ...

  3. 此时servlet中的request和我们在页面jsp中的request 是同一个request.

    在tomcat容器启动的时候,jsp页面的内置对象request,response,同样是依赖于tomcat容器中的servlet-api.jar包,这个jar包和我们在web项目中的jar包是一样的 ...

  4. SpringBoot与Shiro的整合(单体式项目)

    1.包结构 2.jar包,配置文件,类 2.1pom.xml文件配置 <?xml version="1.0" encoding="UTF-8"?> ...

  5. IntelliJ IDEA 安装

    1.在终端输入sudo vim /private/etc/hosts 2.在打开的hosts文件中,在尾行添加 0.0.0.0 account.jetbrains.com 3.去网站http://id ...

  6. smarty 使用php函数

    strtotime() time() <{if strtotime($activity.start_time) gt time()}> <a href="?action=d ...

  7. PHP中PSR

    PSR 是 PHP Standard Recommendations 的简写,由 PHP FIG 组织制定的 PHP 规范,是 PHP 开发的实践标准. 文档整理 PSR-0: Autoloading ...

  8. Linux中找不到service命令

    解决方法: 1.su -l root su root:的话只是将当前身份转为root,用户shell并没有改变.所以有些系统命令不能使用.  su -或者su -l或者su -l root,可以完全的 ...

  9. APUE（4）---文件和目录 (3)

    十三.函数rename和renameat #include <stdio.h> int rename(const char *oldname, const char *newname); ...

  10. kafka搜索介绍

    kafka详解  https://blog.csdn.net/liubenlong007/article/details/55211196##1  1.2 Kafka诞生 Kafka由 linked- ...