jdl 0.0.1

data/test/view.js

@@ -0,0 +1,330 @@
+$(document).ready(function() {
+
+  var view;
+
+  module("Backbone.View", {
+
+    setup: function() {
+      view = new Backbone.View({
+        id        : 'test-view',
+        className : 'test-view',
+        other     : 'non-special-option'
+      });
+    }
+
+  });
+
+  test("constructor", 3, function() {
+    equal(view.el.id, 'test-view');
+    equal(view.el.className, 'test-view');
+    equal(view.el.other, void 0);
+  });
+
+  test("jQuery", 1, function() {
+    var view = new Backbone.View;
+    view.setElement('<p><a><b>test</b></a></p>');
+    strictEqual(view.$('a b').html(), 'test');
+  });
+
+  test("initialize", 1, function() {
+    var View = Backbone.View.extend({
+      initialize: function() {
+        this.one = 1;
+      }
+    });
+
+    strictEqual(new View().one, 1);
+  });
+
+  test("delegateEvents", 6, function() {
+    var counter1 = 0, counter2 = 0;
+
+    var view = new Backbone.View({el: '<p><a id="test"></a></p>'});
+    view.increment = function(){ counter1++; };
+    view.$el.on('click', function(){ counter2++; });
+
+    var events = {'click #test': 'increment'};
+
+    view.delegateEvents(events);
+    view.$('#test').trigger('click');
+    equal(counter1, 1);
+    equal(counter2, 1);
+
+    view.$('#test').trigger('click');
+    equal(counter1, 2);
+    equal(counter2, 2);
+
+    view.delegateEvents(events);
+    view.$('#test').trigger('click');
+    equal(counter1, 3);
+    equal(counter2, 3);
+  });
+
+  test("delegateEvents allows functions for callbacks", 3, function() {
+    var view = new Backbone.View({el: '<p></p>'});
+    view.counter = 0;
+
+    var events = {
+      click: function() {
+        this.counter++;
+      }
+    };
+
+    view.delegateEvents(events);
+    view.$el.trigger('click');
+    equal(view.counter, 1);
+
+    view.$el.trigger('click');
+    equal(view.counter, 2);
+
+    view.delegateEvents(events);
+    view.$el.trigger('click');
+    equal(view.counter, 3);
+  });
+
+
+  test("delegateEvents ignore undefined methods", 0, function() {
+    var view = new Backbone.View({el: '<p></p>'});
+    view.delegateEvents({'click': 'undefinedMethod'});
+    view.$el.trigger('click');
+  });
+
+  test("undelegateEvents", 6, function() {
+    var counter1 = 0, counter2 = 0;
+
+    var view = new Backbone.View({el: '<p><a id="test"></a></p>'});
+    view.increment = function(){ counter1++; };
+    view.$el.on('click', function(){ counter2++; });
+
+    var events = {'click #test': 'increment'};
+
+    view.delegateEvents(events);
+    view.$('#test').trigger('click');
+    equal(counter1, 1);
+    equal(counter2, 1);
+
+    view.undelegateEvents();
+    view.$('#test').trigger('click');
+    equal(counter1, 1);
+    equal(counter2, 2);
+
+    view.delegateEvents(events);
+    view.$('#test').trigger('click');
+    equal(counter1, 2);
+    equal(counter2, 3);
+  });
+
+  test("_ensureElement with DOM node el", 1, function() {
+    var View = Backbone.View.extend({
+      el: document.body
+    });
+
+    equal(new View().el, document.body);
+  });
+
+  test("_ensureElement with string el", 3, function() {
+    var View = Backbone.View.extend({
+      el: "body"
+    });
+    strictEqual(new View().el, document.body);
+
+    View = Backbone.View.extend({
+      el: "#testElement > h1"
+    });
+    strictEqual(new View().el, $("#testElement > h1").get(0));
+
+    View = Backbone.View.extend({
+      el: "#nonexistent"
+    });
+    ok(!new View().el);
+  });
+
+  test("with className and id functions", 2, function() {
+    var View = Backbone.View.extend({
+      className: function() {
+        return 'className';
+      },
+      id: function() {
+        return 'id';
+      }
+    });
+
+    strictEqual(new View().el.className, 'className');
+    strictEqual(new View().el.id, 'id');
+  });
+
+  test("with attributes", 2, function() {
+    var View = Backbone.View.extend({
+      attributes: {
+        id: 'id',
+        'class': 'class'
+      }
+    });
+
+    strictEqual(new View().el.className, 'class');
+    strictEqual(new View().el.id, 'id');
+  });
+
+  test("with attributes as a function", 1, function() {
+    var View = Backbone.View.extend({
+      attributes: function() {
+        return {'class': 'dynamic'};
+      }
+    });
+
+    strictEqual(new View().el.className, 'dynamic');
+  });
+
+  test("multiple views per element", 3, function() {
+    var count = 0;
+    var $el = $('<p></p>');
+
+    var View = Backbone.View.extend({
+      el: $el,
+      events: {
+        click: function() {
+          count++;
+        }
+      }
+    });
+
+    var view1 = new View;
+    $el.trigger("click");
+    equal(1, count);
+
+    var view2 = new View;
+    $el.trigger("click");
+    equal(3, count);
+
+    view1.delegateEvents();
+    $el.trigger("click");
+    equal(5, count);
+  });
+
+  test("custom events, with namespaces", 2, function() {
+    var count = 0;
+
+    var View = Backbone.View.extend({
+      el: $('body'),
+      events: function() {
+        return {"fake$event.namespaced": "run"};
+      },
+      run: function() {
+        count++;
+      }
+    });
+
+    var view = new View;
+    $('body').trigger('fake$event').trigger('fake$event');
+    equal(count, 2);
+
+    $('body').unbind('.namespaced');
+    $('body').trigger('fake$event');
+    equal(count, 2);
+  });
+
+  test("#1048 - setElement uses provided object.", 2, function() {
+    var $el = $('body');
+
+    var view = new Backbone.View({el: $el});
+    ok(view.$el === $el);
+
+    view.setElement($el = $($el));
+    ok(view.$el === $el);
+  });
+
+  test("#986 - Undelegate before changing element.", 1, function() {
+    var button1 = $('<button></button>');
+    var button2 = $('<button></button>');
+
+    var View = Backbone.View.extend({
+      events: {
+        click: function(e) {
+          ok(view.el === e.target);
+        }
+      }
+    });
+
+    var view = new View({el: button1});
+    view.setElement(button2);
+
+    button1.trigger('click');
+    button2.trigger('click');
+  });
+
+  test("#1172 - Clone attributes object", 2, function() {
+    var View = Backbone.View.extend({
+      attributes: {foo: 'bar'}
+    });
+
+    var view1 = new View({id: 'foo'});
+    strictEqual(view1.el.id, 'foo');
+
+    var view2 = new View();
+    ok(!view2.el.id);
+  });
+
+  test("#1228 - tagName can be provided as a function", 1, function() {
+    var View = Backbone.View.extend({
+      tagName: function() {
+        return 'p';
+      }
+    });
+
+    ok(new View().$el.is('p'));
+  });
+
+  test("views stopListening", 0, function() {
+    var View = Backbone.View.extend({
+      initialize: function() {
+        this.listenTo(this.model, 'all x', function(){ ok(false); }, this);
+        this.listenTo(this.collection, 'all x', function(){ ok(false); }, this);
+      }
+    });
+
+    var view = new View({
+      model: new Backbone.Model,
+      collection: new Backbone.Collection
+    });
+
+    view.stopListening();
+    view.model.trigger('x');
+    view.collection.trigger('x');
+  });
+
+  test("Provide function for el.", 1, function() {
+    var View = Backbone.View.extend({
+      el: function() {
+        return "<p><a></a></p>";
+      }
+    });
+
+    var view = new View;
+    ok(view.$el.is('p:has(a)'));
+  });
+
+  test("events passed in options", 2, function() {
+    var counter = 0;
+
+    var View = Backbone.View.extend({
+      el: '<p><a id="test"></a></p>',
+      increment: function() {
+        counter++;
+      }
+    });
+
+    var view = new View({events:{'click #test':'increment'}});
+    var view2 = new View({events:function(){
+      return {'click #test':'increment'};
+    }});
+
+    view.$('#test').trigger('click');
+    view2.$('#test').trigger('click');
+    equal(counter, 2);
+
+    view.$('#test').trigger('click');
+    view2.$('#test').trigger('click');
+    equal(counter, 4);
+  });
+
+});

metadata

@@ -0,0 +1,128 @@
+--- !ruby/object:Gem::Specification
+name: jdl
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- shiren1118
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-08-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 根据指定目录，扫描内部扩展名为*的所有文件，并输出到jdl.js内
+email:
+- shiren1118@126.com
+executables:
+- jdl
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/jdl
+- jdl.gemspec
+- lib/jdl.rb
+- lib/jdl/version.rb
+- test/collection.js
+- test/environment.js
+- test/events.js
+- test/index.html
+- test/model.coffee
+- test/model.js
+- test/noconflict.js
+- test/router.js
+- test/sync.js
+- test/vendor/backbone.js
+- test/vendor/jquery.js
+- test/vendor/json2.js
+- test/vendor/qunit.css
+- test/vendor/qunit.js
+- test/vendor/runner.js
+- test/vendor/underscore.js
+- test/view.js
+homepage: ''
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 4035505812434293333
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 4035505812434293333
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: 根据指定目录，扫描内部扩展名为*的所有文件，并输出到jdl.js内，主要用于js测试
+test_files:
+- test/collection.js
+- test/environment.js
+- test/events.js
+- test/index.html
+- test/model.coffee
+- test/model.js
+- test/noconflict.js
+- test/router.js
+- test/sync.js
+- test/vendor/backbone.js
+- test/vendor/jquery.js
+- test/vendor/json2.js
+- test/vendor/qunit.css
+- test/vendor/qunit.js
+- test/vendor/runner.js
+- test/vendor/underscore.js
+- test/view.js