Add select() method and 'select' event to Text editors.

powmedia · Jul 20, 2012 · 389ac2a · 389ac2a
1 parent c581068
commit 389ac2a
Show file tree

Hide file tree

Showing 6 changed files with 56 additions and 2 deletions.
diff --git a/distribution/backbone-forms.amd.js b/distribution/backbone-forms.amd.js
@@ -1100,6 +1100,9 @@ Form.editors = (function() {
           self.determineChange();
         }, 0);
       },
+      'select':   function(event) {
+        this.trigger('select', this);
+      },
       'focus':    function(event) {
         this.trigger('focus', this);
       },
@@ -1168,6 +1171,10 @@ Form.editors = (function() {
       if (!this.hasFocus) return;
 
       this.$el.blur();
+    },
+
+    select: function() {
+      this.$el.select();
     }
 
   });

diff --git a/distribution/backbone-forms.amd.min.js b/distribution/backbone-forms.amd.min.js
diff --git a/distribution/backbone-forms.js b/distribution/backbone-forms.js
@@ -1118,6 +1118,9 @@ Form.editors = (function() {
           self.determineChange();
         }, 0);
       },
+      'select':   function(event) {
+        this.trigger('select', this);
+      },
       'focus':    function(event) {
         this.trigger('focus', this);
       },
@@ -1186,6 +1189,10 @@ Form.editors = (function() {
       if (!this.hasFocus) return;
 
       this.$el.blur();
+    },
+
+    select: function() {
+      this.$el.select();
     }
 
   });

diff --git a/distribution/backbone-forms.min.js b/distribution/backbone-forms.min.js
diff --git a/src/editors.js b/src/editors.js
@@ -162,6 +162,9 @@ Form.editors = (function() {
           self.determineChange();
         }, 0);
       },
+      'select':   function(event) {
+        this.trigger('select', this);
+      },
       'focus':    function(event) {
         this.trigger('focus', this);
       },
@@ -230,6 +233,10 @@ Form.editors = (function() {
       if (!this.hasFocus) return;
 
       this.$el.blur();
+    },
+
+    select: function() {
+      this.$el.select();
     }
 
   });

diff --git a/test/editors.js b/test/editors.js
@@ -216,6 +216,22 @@ module('Text', {
         ok(spy.calledWith(field));
     });
 
+    test("select() - triggers the 'select' event", function() {
+        var field = new editor({
+            model: new Post,
+            key: 'title'
+        }).render();
+
+        var spy = this.sinon.spy();
+
+        field.on('select', spy);
+
+        field.select();
+
+        ok(spy.called);
+        ok(spy.calledWith(field));
+    });
+
     test("'change' event - is triggered when value of input changes", function() {
         var field = new editor({
             model: new Post,
@@ -311,6 +327,23 @@ module('Text', {
         ok(spy.alwaysCalledWith(field));
     });
 
+    test("'select' event - bubbles up from the input", function() {
+        var field = new editor({
+            model: new Post,
+            key: 'title'
+        }).render();
+
+
+        var spy = this.sinon.spy();
+
+        field.on('select', spy);
+
+        field.$el.select();
+
+        ok(spy.calledOnce);
+        ok(spy.alwaysCalledWith(field));
+    });
+
     test('Default type is text', function() {
         var field = new editor().render();