3. Working with webpage Objects | PhantomJS Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

PhantomJS Cookbook

By : Friesel

4.2 (5)

PhantomJS Cookbook

4.2 (5)

By: Friesel

Overview of this book

A task-based guide that provides solutions to real-world test automation problems. This book is intended for web development professionals who want to integrate PhantomJS into their development and testing workflows. If you are a web developer looking to run automated unit tests while you work, or perhaps you are a QA engineer looking for a fast test automation utility, then this book is perfect for you. Some prior knowledge of JavaScript would be helpful.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with PhantomJS

1. 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

2. 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

3. 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

4. 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

5. 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

6. 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

7. 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

8. 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

Customer Reviews

4.2 (5)

5 star

40%

4 star

40%

3 star

20%

2 star

0%

1 star

0%

Simulating keyboard input in PhantomJS

In this recipe, we will demonstrate how to perform keyboard input in a PhantomJS script.

Getting ready

To run this recipe, we will need a script that loads a web page, and that page will need some element where we can perform text input.

The script in this recipe is available in the downloadable code repository as recipe08.js under chapter03. If we run the provided example script, we must change to the root directory for the book's sample code.

Lastly, the script in this recipe runs against the demo site that is included with the cookbook'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…

Consider the following script:

var webpage = require('webpage').create();

webpage.viewportSize = { width: 1280, height: 800 };
function getStageValue() {
  return webpage...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

PhantomJS Cookbook

Search

Your notes and bookmarks