rename 'queryHook' to 'queryByHook' per #18

Author: HenrikJoreteg

README.md

@@ -378,13 +378,13 @@ var view = AmpersandView.extend({
 });
 ```
 
-### queryHook `view.queryHook('hookname')`
+### queryByHook `view.queryByHook('hookname')`
 
 A convenience method for retrieving an element from the current view by it's `data-hook` attribute. Using this approach is a nice way to separate javascript view hooks/bindings from class/id selectors that are being used by CSS.
 
 notes: 
-- It also works if you're using multiple space-separated hooks. So something like `<img data-hook="avatar user-image"/>` would still match for `queryHook('avatar')`.
-- It simply uses `.query()` under the hood. So `.queryHook('avatar')` is equivalent to `.query('[data-hook~=avatar]')` 
+- It also works if you're using multiple space-separated hooks. So something like `<img data-hook="avatar user-image"/>` would still match for `queryByHook('avatar')`.
+- It simply uses `.query()` under the hood. So `.queryByHook('avatar')` is equivalent to `.query('[data-hook~=avatar]')` 
 - It will also match to root elements.
 - If no match is found it returns `undefined`.
 
@@ -395,7 +395,7 @@ var view = AmpersandView.extend({
         this.renderWithTemplate(this);
 
         // cache an element for easy reference by other methods
-        this.imgEl = this.queryHook('avatar');
+        this.imgEl = this.queryByHook('avatar');
 
         return this;
     }

ampersand-view.js

@@ -111,11 +111,11 @@ _.extend(View.prototype, {
         return res.concat(Array.prototype.slice.call(this.el.querySelectorAll(selector)));
     },
 
-    // ## queryHook
+    // ## queryByHook
     // Convenience method for fetching element by it's `data-hook` attribute.
     // Also tries to match against root element.
     // Also supports matching 'one' of several space separated hooks.
-    queryHook: function (hook) {
+    queryByHook: function (hook) {
         return this.query('[data-hook~="' + hook + '"]');
     },
 

test/main.js

@@ -241,16 +241,16 @@ test('renderAndBind with no model', function (t) {
     t.end();
 });
 
-test('queryHook', function (t) {
+test('queryByHook', function (t) {
     var View = AmpersandView.extend({
         template: '<li data-hook="list-item"><span data-hook="username"></span><img data-hook="user-avatar"/></li>'
     });
     var view = new View();
     view.renderWithTemplate();
-    t.ok(view.queryHook('username') instanceof Element, 'should find username element');
-    t.ok(view.queryHook('user-avatar') instanceof Element, 'should find username');
-    t.ok(view.queryHook('nothing') === undefined, 'should find username');
-    t.ok(view.queryHook('list-item') instanceof Element, 'should also work for root element');
+    t.ok(view.queryByHook('username') instanceof Element, 'should find username element');
+    t.ok(view.queryByHook('user-avatar') instanceof Element, 'should find username');
+    t.ok(view.queryByHook('nothing') === undefined, 'should find username');
+    t.ok(view.queryByHook('list-item') instanceof Element, 'should also work for root element');
     t.end();
 });