Book Image

PhantomJS Cookbook

By : Rob Friesel
Book Image

PhantomJS Cookbook

By: Rob Friesel

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
PhantomJS Cookbook
Rob Friesel
Jun, 2014 | 304 pages
No titles found
Table of Contents (15 chapters)
PhantomJS Cookbook
PhantomJS Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with PhantomJS
Getting Started with PhantomJS
Introduction
Installing PhantomJS
Launching the PhantomJS REPL
Running a PhantomJS script
Running a PhantomJS script with arguments
Running PhantomJS with cookies
Running PhantomJS with a disk cache
Running PhantomJS with a JSON configuration file
Debugging a PhantomJS script
2
PhantomJS Core Modules
PhantomJS Core Modules
Introduction
Inspecting the version at runtime
Managing cookies with the phantom object
Specifying a path for external scripts
Setting up a global PhantomJS error handler
Controlling the exit status of a PhantomJS script
Inspecting command-line arguments
Inspecting system environment variables
Saving a file from a PhantomJS script
Reading a file from PhantomJS
Creating a custom module for PhantomJS
Loading custom modules in PhantomJS
3
Working with webpage Objects
Working with webpage Objects
Introduction
Creating a web page instance in PhantomJS with the webpage module
Opening a URL within PhantomJS
Generating a POST request from PhantomJS
Inspecting page content from a PhantomJS script
Including external JavaScript on the page
Recording debugger messages
Simulating mouse clicks in PhantomJS
Simulating keyboard input in PhantomJS
Simulating scrolling in PhantomJS
Simulating mouse hovers in PhantomJS
Blocking CSS from downloading
Causing images to fail randomly
Submitting Ajax requests from PhantomJS
Working with WebSockets in PhantomJS
4
Unit Testing with PhantomJS
Unit Testing with PhantomJS
Introduction
Running Jasmine unit tests with PhantomJS
Using TerminalReporter for unit testing in PhantomJS
Creating a Jasmine test runner for PhantomJS and every other browser
Running Jasmine unit tests with Grunt
Watching your tests during development with Grunt
Running Jasmine unit tests with the Karma test runner
Generating code coverage reports with Istanbul and the Karma test runner
Running Jasmine unit tests with Karma and PhantomJS from WebStorm
Running QUnit tests with PhantomJS
Running Mocha unit tests with PhantomJS
5
Functional and End-to-end Testing with PhantomJS
Functional and End-to-end Testing with PhantomJS
Introduction
Running Selenium tests with PhantomJS and GhostDriver
Using WebdriverJS as a Selenium client for PhantomJS
Adding Poltergeist to a Capybara suite
Taking screenshots during tests with Poltergeist
Simulating precise mouse clicks with Poltergeist
Installing CasperJS
Interacting with web pages using CasperJS
End-to-end testing with CasperJS
Exporting test results from CasperJS in the XUnit format
Detecting visual regressions using PhantomCSS
6
Network Monitoring and Performance Analysis
Network Monitoring and Performance Analysis
Introduction
Generating HAR files from PhantomJS
Listing CSS properties
Generating an appcache manifest
Executing a simple performance analysis
Executing a detailed performance analysis
Executing a YSlow performance analysis with a custom ruleset
Automating performance analysis with YSlow and PhantomJS
7
Generating Images and Documents with PhantomJS
Generating Images and Documents with PhantomJS
Introduction
Rendering images from PhantomJS
Saving images as Base64 from PhantomJS
Rendering and rasterizing SVGs from PhantomJS
Generating clipped screenshots from PhantomJS
Saving a web page from PhantomJS as a PDF
Applying custom headers and footers to PDFs generated from PhantomJS
Testing responsive designs with PhantomJS
8
Continuous Integration with PhantomJS
Continuous Integration with PhantomJS
Introduction
Setting up PhantomJS in a CI environment
Generating JUnit reports
Generating TAP reports
Setting up a fully covered project in CI with PhantomJS
Index
Index

Listing CSS properties

This recipe introduces the confess.js library and demonstrates how to use it to identify which CSS properties are being used on a page.

Getting ready

To run this recipe, we will need a target URL for a website that uses CSS.

We will use the confess.js script to analyze the site and produce a report of the CSS properties used on the page.

Note

The confess.js library is an open source project by James Pearce that provides several performance-related tasks to run under PhantomJS. At this time, confess.js does not currently have a copyright license listed in the repository; however, it can be obtained on GitHub at https://github.com/jamesgpearce/confess.

After downloading the confess repository, we want to place it in the lib directory of our downloadable sample code repository. Note that if we download the .zip archive of the repository, we may need to rename the folder from confess-master to confess.

Lastly, the script in this recipe runs against the demo site that is included...

Previous Section
End of Section 4
Next Section