Quiz#3

the-badass-todo-list-part-1/QUIZ3.md

@@ -0,0 +1,4 @@
+# Quiz#3
+
+Consider what will happen when we try to test these global object.
+Other defects are still avaiable.

the-badass-todo-list-part-1/input.js

@@ -5,6 +5,7 @@ var TodoInputManager = {
   _input: null, // Will be an element when starting up.
   drawInput(motd) {
     var input = TodoInputManager._input;
+    // Quiz#3
     var tidyUp = function() {
       input.value = '';
       input.disabled = false;
@@ -24,6 +25,7 @@ var TodoInputManager = {
       if (this.readyState == 4 && this.status == 200) {
         var motd = this.response;
         // The flow ends here.
+        // Quiz#3
         afterFetch(motd);
       } else {
         // We omit the error in this novice's example.
@@ -32,11 +34,14 @@ var TodoInputManager = {
     xhr.send();
   },
 
+  // Quiz#3
   saveData(todoItem, afterSave) {
     console.log('saved');
+    // Quiz#3
     afterSave();
   },
 
+  // Quiz#3
   onUserCreateNewTodo(event, afterCreation) {
     var input = TodoInputManager._input;
     if (0x0D === event.keyCode) {
@@ -62,6 +67,7 @@ var TodoInputManager = {
   }
 };
 
+// Quiz#3
 exports.TodoInputManager = TodoInputManager;
 })(window);
 

the-badass-todo-list-part-1/main.js

@@ -1,6 +1,7 @@
 'use strict';
 
   // Kick off
+  // Quiz#3
 document.addEventListener('DOMContentLoaded', function(event) {
   TodoListManager.init();
   TodoInputManager.init();

the-badass-todo-list-part-1/test/test-list.js

@@ -5,6 +5,7 @@ describe('Test TodoListManager', function() {
     assert.isNull(TodoListManager._wrapper.querySelector('li'));
   });
 
+  // Quiz#3
   it('Can save some data', function() {
     var dummyList = [
       {checked: false, description: 'Dummy Todo #1'},
@@ -15,9 +16,11 @@ describe('Test TodoListManager', function() {
     });
   });
 
+  // Quiz#3
   it('Will change one "checked" when the event is coming (BAD PATTERN)',
   function() {
     // Check if it is false before the test
+    // Quiz#3
     assert.isFalse(TodoListManager._listTodoItem[0].checked);
     var dummyCheckElement = document.createElement('div');
     dummyCheckElement.dataset.todoId = '0';