TDD Feature-Level Tests
Lesson 1 of 1
  1. 1
    Introduction
    Often the hardest part of creating a full-stack web application is knowing where to start. In this lesson, we will use an outside-in development process . With this approach, we start to build our…
    Start
  2. 2
    Feature Test Toolbelt
    To write the most effective feature tests, we are going to employ a few additional tools. These tools are meant to support JavaScript testing. We will cover their uses in the scope of building a fe…
    Start
  3. 3
    Feature Test I
    Feature tests exercise behavior by simulating a user navigating the application in a web browser. Imagine we wanted to create a simple web-based poetry writing application. The first feature test…
    Start
  4. 4
    Feature Test I: Assert
    The last thing our test needs is an assert statement to verify that the behavior we expect is equal to the actual behavior of our code. We want to make sure our app is in an empty state. We ca…
    Start
  5. 5
    Feature Test I: Passing
    Now that we have written our first test with an assert statement, we will run the test and use the error message to drive the next step in our development process. When executing a feature test th…
    Start
  6. 6
    Feature Test II: Setup
    Now that we are in the green we should take a moment to consider refactoring our code. Our code is pretty basic and succinct. We won’t refactor it but will take a moment to consider our current …
    Start
  7. 7
    Feature Test II: Exercise
    The next step for our poetry web app is to use our browser variable for the exercise phase of the test. First, we will set the URL of the browser to go to the root of our project using the .url m…
    Start
  8. 8
    Feature Test II: Verify
    Now that we have programmed the behavior we want to test in the exercise phase, we will write the verification phase of our test. We will compare the actual results of exercising the code with the …
    Start
  9. 9
    Stuck In The Red
    Now that we have written our second test, it is time to write the minimal implementation code to move us forward in the TDD process. Running the test suite for our poetry web app at this point wou…
    Start
  10. 10
    Review
    Congratulations! You’ve built tests for a feature. You will notice a couple changes to your files and the addition of a web browser. First, let’s take a look at your index.html file. You will …
    Start

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo