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. Spark分布式计算执行模型

    引言 相对Hadoop, Spark在处理需要迭代运算的机器学习训练等任务上有着很大性能提升,同时提供了批处理.实时数据处理.机器学习以及图算法等一站式的服务,因此最近大家一起来学习Spark,特别是 ...

  2. 114. Flatten Binary Tree to Linked List (Stack, Tree; DFS)

    Given a binary tree, flatten it to a linked list in-place. For example, Given 1 / \ 2 5 / \ \ 3 4 6 ...

  3. c# 遍历一个对象里面的全部属性

    比如我现在有一个Student的对象,里面有属性stuName,stuAge,stuGender,我现在该怎么写循环才能遍历这几个属性? Student s=new...... foreach (Sy ...

  4. OceanBase

    OceanBase 编辑 本词条缺少名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! OceanBase是一个支持海量数据的高性能分布式数据库系统,实现了 数千亿条记录.数百TB数据上的 ...

  5. Cisco VPP启动流程

    Cisco VPP启动流程,有需要的朋友可以参考一下. VPP初始化 VLIB_INIT_FUNCTION用来定义构造函数,注册函数到vlib_main_t->init_function_reg ...

  6. 修改ubuntu密码

    https://www.linuxidc.com/Linux/2016-05/131256.htm

  7. g2o 图优化

    http://www.cnblogs.com/gaoxiang12/p/5244828.html 扩展里面csparse

  8. Golang 之 key-value LevelDB

    时常会在应用中用到数据库功能,象 Key-Value 性质的.直接搬个 Redis,Mysql嫌大,好在有 LevelDB,直接编进应用中. 有关什么是 LevelDB 以及 LevelDB 的特性, ...

  9. SecondaryNameNode中的“Inconsistent checkpoint fields”错误原因

    该错误原因,可能是因为没有设置好SecondaryNameNode上core-site.xml文件中的"hadoop.tmp.dir". 2014-04-17 11:42:18,1 ...

  10. 20169205实验一 Java开发环境的熟悉（Linux+IDEA）

    20169205实验一 Java开发环境的熟悉(Linux+IDEA) 实验内容及步骤 使用JDK编译.运行简单的Java程序 打开windows下的cmd → 输入cd Code命令进入Code目录 ...