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

Generating an appcache manifest

This recipe expands on our usage of confess.js and shows how to use it to generate an application cache (appcache) manifest for our web applications.

Getting ready

To run this recipe, we will need a target URL. We will use confess.js to analyze the site and produce an appcache manifest.

Note

Details about how to obtain confess.js are included in the Listing CSS properties recipe earlier in this chapter.

Lastly, the script in this recipe runs against the demo site that is included with the book's sample code repository. To run that demo site, we must have Node.js installed. In a separate terminal, change to the phantomjs-sandbox directory (in the sample code's directory), and start the app with the following command:

node app.js

How to do it…

With the Node.js demo app running, make sure we are in the root directory for the book's sample code, and enter the following on the command line:

phantomjs lib/confess/confess.js http://localhost:3000/appcache-demo appcache...
Previous Section
End of Section 5
Next Section