Book Image

Using Node.js for UI Testing

By : Pedro Teixeira
Book Image

Using Node.js for UI Testing

By: Pedro Teixeira

Overview of this book

<p>Automating tests for your user interfaces has always been the holy grail of programming. Now, using Zombie.js and Mocha you can create and quickly run your tests, allowing you to test even small changes. Increase your confidence in the code and minimize the number of times you have to use a real browser while you develop.</p> <p>"Using Node.js for UI Testing" is a quick and thorough guide on how to automatically test your web app, keeping it rock solid and bug-free. You will learn how to simulate complex user behaviour and verify that your application behaves correctly.</p> <p>You will create a web app in Node.js that uses complex user interactions and AJAX; by the end you will be able to fully test it from the command-line. Then you will start creating the user interface tests for this application using Mocha as a framework and Zombie.js as a headless browser.</p> <p>You will also create a complete test suite, module by module, testing simple and complex user interactions.</p>

Related Content you might be interested in

Current Title:

Small book image
Using Node.js for UI Testing
Pedro Teixeira
Mar, 2013 | 146 pages
No titles found
Table of Contents (15 chapters)
Using Node.js for UI Testing
Using Node.js for UI Testing
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 Zombie.js
Getting Started with Zombie.js
A brief history of software and user interface testing
Understanding the server-side DOM
Summary
2
Creating a Simple Web App
Creating a Simple Web App
Defining the requirements of our web app
Setting up Node.js and Flatiron
Creating your to-do app
File summary
Summary
3
Installing Zombie.js and Mocha
Installing Zombie.js and Mocha
Changing the application manifest
Setting up a test environment
Summary
4
Understanding Mocha
Understanding Mocha
Organizing your tests
Using before and after hooks
Using asynchronous hooks
Using assertions
Performing asynchronous tests
Summary
5
Manipulating the Zombie Browser
Manipulating the Zombie Browser
When is the browser ready?
Checking the existence of elements
Filling a form
Testing the login form
Testing the to-do list
Putting it all together
Summary
6
Testing Interactions
Testing Interactions
Acting on radio buttons
Testing the user interaction
Selecting values
Summary
7
Debugging
Debugging
Running a specific test
Using the browser JavaScript console
Dumping the browser state
Dumping the whole document
Summary
8
Testing AJAX
Testing AJAX
Implementing drag-and-drop
Summary
Index
Index

Defining the requirements of our web app

Before we dive too much into the Zombie.js world, we need to create a target for our tests, that is, a web application that provides a to-do list. This is the set of top-level requirements for such an application:

  • A user can sign up for the service for which he should provide an e-mail address as username and a password. By providing the username and the password, the user can create an authenticated session that will identify him throughout further interactions.

  • The user can create a to-do item.

  • The user can view a list of to-dos.

  • The user can remove a to-do item.

To implement this application we will use Node.js, a platform for building networking applications in JavaScript that Zombie.js also uses. We'll also use Flatiron, a set of components that will help you in building a web application on top of Node.js.

Note

In the interest of keeping things simple, we're building our application in Node.js. However, Zombie.js is suitable for testing applications...

Previous Section
End of Section 2
Next Section