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

Testing the login form

Now that we have the user creation flow tested, let's test if that user can log in.

Following the test file pattern we have been using, you need to create a file under test/session.js with the following content:

  1. First, import the missing dependencies:

    var assert  = require('assert'),
    Browser = require('zombie'),
    app     = require('../app'),
    couchdb = require('../lib/couchdb'),
    dbName  = 'users',
    db      = couchdb.use(dbName),
    fixtures = require('./fixtures');

describe('Session', function() {

  before(function(done) {
    app.start(3000, done);
  });

  after(function(done) {
    app.server.close(done);
  });

    That concludes the opening ceremonies!

  2. Now we are ready to start describing the login form:

      describe('Log in form', function() {

    before(function(done) {
      db.get(fixtures.user.email, function(err, doc) {
        if (err && err.status_code === 404) {
          return db.insert(fixtures.user, fixtures.user.email, done);
  ...
Previous Section
End of Section 5
Next Section