Book Image

RSpec Essentials

By : Mani Tadayon
Book Image

RSpec Essentials

By: Mani Tadayon

Overview of this book

This book will teach you how to use RSpec to write high-value tests for real-world code. We start with the key concepts of the unit and testability, followed by hands-on exploration of key features. From the beginning, we learn how to integrate tests into the overall development process to help create high-quality code, avoiding the dangers of testing for its own sake. We build up sample applications and their corresponding tests step by step, from simple beginnings to more sophisticated versions that include databases and external web services. We devote three chapters to web applications with rich JavaScript user interfaces, building one from the ground up using behavior-driven development (BDD) and test-driven development (TDD). The code examples are detailed enough to be realistic while simple enough to be easily understood. Testing concepts, development methodologies, and engineering tradeoffs are discussed in detail as they arise. This approach is designed to foster the reader’s ability to make well-informed decisions on their own.
Table of Contents (17 chapters)
RSpec Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Step 1 – building the view


First, let's create the static files that will define our UI. We learned how to serve these files using Rack in Chapter 7, Building an App from the Outside In with Behavior-Driven Development.

First, here's static/index.html:

<!doctype html>
<html ng-app="todoApp">
<head>
  <script src="/static/vendor/angularjs/angular.js">
  </script>

  <script src="/static/js/mock_todo_list.js">
  </script>

  <script src="/static/js/todo_list_controller.js">
  </script>

  <script src="/static/js/app.js">
  </script>

  <style>
  .completed label {
    text-decoration: line-through;
    color: grey;
  }

  #todo-list li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
  }
  </style>
</head>
<body>
  <h2>Todo List Manager</h2>

  <section ng-controller="TodoListController">

    <div>
      <!-- useful for debugging
   ...