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 code coverage reports with Istanbul and the Karma test runner

This recipe expands on our use of the Karma test runner and introduces the Istanbul library for static analysis of test coverage. Istanbul is a code coverage tool for JavaScript that instruments the code under test and provides reports about statement, branch, function, and line test coverage.

Getting ready

To run this recipe, we will need the following items:

  • JavaScript code to test, and the tests for that code

  • Node.js and npm installed and on our PATH

  • The Karma test runner installed

  • The following plugins (npm modules) for Karma:

    • karma-jasmine

    • karma-phantomjs-launcher

    • karma-coverage

    Note

    The karma-coverage plugin uses Istanbul to provide reports on code coverage. We can learn more about Istanbul at http://gotwarlost.github.io/istanbul/; we can install it on the command line as:

    npm install karma-coverage --save-dev

The library code that we will use for our tests is available in the downloadable code repository as string...

Previous Section
End of Section 9
Next Section