Book Image

Jasmine JavaScript Testing

By : Paulo Ragonha
Book Image

Jasmine JavaScript Testing

By: Paulo Ragonha

Overview of this book

<p>From a little renegade scripting language to the de facto standard platform of today, JavaScript has become a universal language available in the widest range of devices; it is truly the 'write once, run everywhere’ language. However, as JavaScript applications become more complicated, testing and applying sustainable software engineering practices also become mandatory.</p> <p>Jasmine JavaScript Testing is a practical guide to a more sustainable JavaScript development process. You will learn by example how to drive the development of a web application using tests and best practices.</p> <p>This book is about becoming a better JavaScript developer. So, throughout the chapters, you will not only learn about writing tests, but also about the best practices for writing software in the JavaScript language. This book is about acknowledging JavaScript as a real platform for application development and leveraging all of its potential. You will also learn about tooling and automation and how to make your life easier and more productive.</p> <p>You will learn how to create a sustainable codebase with the help of Jasmine. We will take a look at integrated testing (with a backend NodeJS server) and how you can speed this process up by faking AJAX requests. As you progress through the book, you will learn about the challenges of testing an application built on top of a framework and how you can prevent your application from suffering from dependency management hell. Also, since your applications need to get into production, you will learn about optimizing the code to reduce the number of requests the browser needs to make while loading your application.</p> <p>With this book, you will learn everything you need to know to become a real professional in the ever-demanding JavaScript universe.</p>

Related Content you might be interested in

Current Title:

Small book image
Jasmine JavaScript Testing
Paulo Ragonha
Aug, 2013 | 146 pages
No titles found
Table of Contents (16 chapters)
Jasmine JavaScript Testing
Jasmine JavaScript 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 Jasmine
Getting Started with Jasmine
JavaScript – the bad parts
Jasmine and Behavior-Driven Development
Downloading and first run
Summary
2
Your First Spec
Your First Spec
The Investment Tracker application
Jasmine basics and thinking in BDD
Setup and teardown
Nested describes
Understanding matchers
Summary
3
Testing Frontend Code
Testing Frontend Code
Thinking in terms of components (Views)
The module pattern
Using HTML fixtures
Basic View coding rules
Testing Views with jQuery matchers
Summary
4
Asynchronous Testing – AJAX
Asynchronous Testing – AJAX
Setting up the Scenario
Writing the spec
Summary
5
Jasmine Spies
Jasmine Spies
The "bare" Spy
Spy an object's functions
Testing DOM events
Summary
6
Light Speed Unit Testing
Light Speed Unit Testing
Jasmine Stubs
Sinon.JS
Summary
7
Testing Backbone.js Applications
Testing Backbone.js Applications
The Backbone model
Testing Backbone collections
Testing Backbone Views
Testing Backbone routers
Summary
8
Build Automation
Build Automation
RequireJS
Headless testing with PhantomJS
Grunt
Managing NPM dependencies
Summary
9
Conclusion
Conclusion
Index
Index

Using HTML fixtures

Continuing with the development of the NewInvestmentView component, we can write some basic acceptance criteria:

  • NewInvestmentView should allow the input of the stock symbol

  • NewInvestmentView should allow the input of shares

  • NewInvestmentView should allow the input of the share price

There are many more, but these are a good start.

Create a new spec file for this component, in the new file spec/NewInvestmentViewSpec.js and we can start to translate those specs:

describe("NewInvestmentView", function() {
  it("should allow the input of the stock symbol", function() {
  });

  it("should allow the input of shares", function() {
  });

  it("should allow the input of the share price", function() {
  });
});

But before we can start to implement these, we must first understand the concept of HTML fixtures.

Test fixtures provide the base state in which the tests run. It could be a class instantiation, the definition of an object, or a piece of HTML. In other words, to test JavaScript...

Previous Section
End of Section 4
Next Section