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

Chapter 7. Debugging

This chapter shows how you can use the browser object to inspect some internal states of your application.

Topics covered in this chapter include:

  • Enabling the debugging output

  • Dumping the browser state

By default, Zombie does not output the internal events to the console, but you can run Zombie with the DEBUG environment variable set to true. If you have a UNIX shell command line, you can prefix the launching of your test suite with DEBUG=true, shown as follows:

$ DEBUG=true node_modules/.bin/mocha test/todos

If you are running Windows, you can set and unset the DEBUG environment variable shown as follows:

$ SET DEBUG=true
$ SET DEBUG=

By enabling this environment variable, Zombie will output every HTTP request that it makes, along with the received HTTP status code:

…
Zombie: GET http://localhost:3000/js/todos.js => 200
Zombie: 303 => http://localhost:3000/todos
Zombie: GET http://localhost:3000/todos => 200
Zombie: GET http://localhost:3000/js/jquery-1.8.2.js =&gt...
Previous Section
End of Section 1
Next Section