Adding files 👍

Author: Kent C. Dodds

src/todo-escape.js

@@ -0,0 +1,25 @@
+/*global angular */
+
+/**
+ * Directive that executes an expression when the element it is applied to gets
+ * an `escape` keydown event.
+ */
+angular
+  .module('todomvc')
+  .directive('todoEscape', function() {
+    'use strict';
+
+    var ESCAPE_KEY = 27;
+
+    return function(scope, elem, attrs) {
+      elem.bind('keydown', function(event) {
+        if (event.keyCode === ESCAPE_KEY) {
+          scope.$apply(attrs.todoEscape);
+        }
+      });
+
+      scope.$on('$destroy', function() {
+        elem.unbind('keydown');
+      });
+    };
+  });

src/todo-escape.test.js

@@ -0,0 +1,33 @@
+describe('todo-escape', function() {
+  var ESCAPE_KEY = 27;
+  var OTHER_KEY = 32;
+  var template = '<input todo-escape="escapePressed=true" />';
+  var scope, compile;
+
+  beforeEach(module('todomvc'));
+
+  beforeEach(inject(function($rootScope, $compile) {
+    scope = $rootScope.$new();
+    compile = $compile;
+    scope.escapePressed = false;
+  }));
+
+  it('should evaluate the given statement when escape key pressed', function() {
+    var el = compile(template)(scope);
+    el.triggerHandler({type: 'keydown', keyCode: ESCAPE_KEY});
+    expect(scope.escapePressed).toBe(true);
+  });
+
+  it('should evaluate the given statement when escape key pressed', function() {
+    var el = compile(template)(scope);
+    el.triggerHandler({type: 'keydown', keyCode: OTHER_KEY});
+    expect(scope.escapePressed).toBe(false);
+  });
+
+  it('should unbind the handler when the scope is destroyed', function() {
+    var el = compile(template)(scope);
+    scope.$destroy();
+    el.triggerHandler({type: 'keydown', keyCode: ESCAPE_KEY});
+    expect(scope.escapePressed).toBe(false);
+  });
+});