completed chapters 9 and 10; includes examples for headless mode

cypress/e2e/spec.cy.js

@@ -86,7 +86,8 @@ it('completed todo item label has text decoration \'line-through\'', () => {
     clearCompletedTodos();
 });
 
-it.only('changes checkbox search timeout to 6 seconds', () => {
+// to change timeouts globally, set 'defaultCommandTimeout' key-value in cypress.config.js 
+it('changes checkbox search timeout locally to 6 seconds', () => {
     cy.visit('https://todomvc.com/examples/react/dist/');
     addTodo('todo1');
     completeTodo('todo1');
@@ -98,4 +99,18 @@ it.only('changes checkbox search timeout to 6 seconds', () => {
     todoCheckbox.should('be.checked');
 
     clearCompletedTodos();
+});
+
+// create test that will always fail to demonstrate headless test results
+it('this test should always fail (input toggle unchecked)', () => {
+    cy.visit('https://todomvc.com/examples/react/dist/');
+    addTodo('todo1');
+
+
+    let todoCheckboxes = cy.get("[data-testid='todo-item-label']", {timeout: 6000});
+    let todoCheckbox = todoCheckboxes.contains('todo1')
+    .siblings("[data-testid='todo-item-toggle']");
+    todoCheckbox.should('be.checked');
+
+    removeTodo('todo1');
 });

cypress/support/quickstart.txt

@@ -14,4 +14,14 @@ npm install cypress
 * install Cypress and its dependencies into the current Node project
 
 npx cypress open
-* open Cypress in UI mode
+* open Cypress in UI mode
+
+npx cypress run
+* run Cypress in headless mode
+
+command line options:
+    --browser [name of browser]
+    * use a specific browser
+
+    --headed
+    * use with Cypress in 'run' mode to open a browser and observe tests