Adding form submission video page to the tutorial (#219)

* Adding form submission video page to the tutorial

* Renamed form sub file to be less generic

Author: avanslaars

source/_data/sidebar.yml

@@ -152,6 +152,7 @@ tutorials:
     introduction-to-tutorials: introduction-to-tutorials.html
     project-setup: project-setup.html
     testing-inputs: testing-inputs.html
+    react-todo-form-submission: react-todo-form-submission.html
 
 examples:
   recipes:

source/tutorials/test-a-react-todo-app/introduction-to-tutorials.md

@@ -17,4 +17,5 @@ We have a lot of ground to cover, so let's get started!
 | -- | -- |
 | 1. {% url "Project setup" project-setup %} | {% fa fa-video-camera %} 3:52 |
 | 2. {% url "Testing inputs" testing-inputs %} | {% fa fa-video-camera %} 7:17 |
-| More tutorials to come! | |
+| 3. {% url "Form submission and XHR stubbing" react-todo-form-submission %} | {% fa fa-video-camera %} 10:21 |
+| More tutorials to come! |   |

source/tutorials/test-a-react-todo-app/react-todo-form-submission.md

@@ -0,0 +1,12 @@
+---
+title: Testing form submission
+comments: false
+layout: video
+containerClass: tutorial
+---
+
+{% video 241063147 %}
+
+## What's covered
+
+We will implement form submission for our todo app, leveraging {% url `cy.server()` server %} and {% url `cy.route()` route %} to stub calls to our API. We will iterate on our test and implementation, focusing on the application's "happy path" first. Once our form is working, we'll use another stubbed XHR call to setup a failure scenario and implement the code to properly display an error message. 

themes/cypress/languages/en.yml

@@ -176,6 +176,7 @@ sidebar:
     introduction-to-tutorials: Introduction
     project-setup: Project setup
     testing-inputs: Testing text inputs
+    react-todo-form-submission: Testing form submission
   examples:
     recipes: Recipes
     unit-testing-recipe: Unit Testing