Initial commit

lib/assets/test/spec/node_modules/backbone/core-view.spec.js

@@ -0,0 +1,163 @@
+var $ = require('jquery');
+var _ = require('underscore');
+var Backbone = require('backbone');
+var CoreView = require('backbone/core-view');
+
+describe('backbone/core-view', function () {
+  var TestView;
+  var view;
+
+  beforeEach(function () {
+    TestView = CoreView.extend({
+      initialize: function () {
+        this.init_called = true;
+      },
+      test_method: function () {}
+    });
+
+    CoreView.viewCount = 0;
+    view = new TestView({el: $('<div>')});
+  });
+
+  it('should call initialize', function () {
+    expect(view.init_called).toEqual(true);
+  });
+
+  it('should increment refCount', function () {
+    expect(CoreView.viewCount).toEqual(1);
+    expect(CoreView.views[view.cid]).toBeTruthy();
+  });
+
+  it('should decrement refCount', function () {
+    view.clean();
+    expect(CoreView.viewCount).toEqual(0);
+    expect(CoreView.views[view.cid]).toBeFalsy();
+  });
+
+  it('clean should remove view from dom', function () {
+    var dom = $('<div>');
+    dom.append(view.el);
+    expect(dom.children().length).toEqual(1);
+    view.clean();
+    expect(dom.children().length).toEqual(0);
+  });
+
+  it('clean should unbind all events', function () {
+    view.bind('meh', function () {});
+    expect(_.size(view._events)).toEqual(1);
+    view.clean();
+    expect(view._events).toEqual(undefined);
+  });
+
+  it('should unlink the view model', function () {
+    var called = false;
+    var new_view = new TestView({ el: $('<div>'), model: new Backbone.Model() });
+
+    spyOn(new_view, 'test_method');
+    new_view.model.bind('change', new_view.test_method, new_view);
+    new_view.model.bind('change', function () { called = true; });
+
+    new_view.model.trigger('change');
+    expect(called).toEqual(true);
+    expect(new_view.test_method).toHaveBeenCalled();
+    expect(new_view.test_method.calls.count()).toEqual(1);
+    called = false;
+    new_view.clean();
+    // trigger again
+    new_view.model.trigger('change');
+    expect(called).toEqual(true);
+    expect(new_view.test_method.calls.count()).toEqual(1);
+  });
+
+  it('should unlink linked models', function () {
+    var called = false;
+    var model = new Backbone.Model();
+    spyOn(view, 'test_method');
+    model.bind('change', view.test_method, view);
+    model.bind('change', function () { called = true; });
+    view.add_related_model(model);
+
+    model.trigger('change');
+    expect(called).toEqual(true);
+    expect(view.test_method).toHaveBeenCalled();
+    expect(view.test_method.calls.count()).toEqual(1);
+    called = false;
+    view.clean();
+    expect(_.size(view._models)).toEqual(0);
+    // trigger again
+    model.trigger('change');
+    expect(called).toEqual(true);
+    expect(view.test_method.calls.count()).toEqual(1);
+  });
+
+  it('should add and remove subview', function () {
+    var v1 = new CoreView();
+    view.addView(v1);
+    expect(view._subviews[v1.cid]).toEqual(v1);
+    expect(v1._parent).toEqual(view);
+    view.removeView(v1);
+    expect(view._subviews[v1.cid]).toEqual(undefined);
+  });
+
+  it('should remove and clean subviews', function () {
+    var v1 = new CoreView();
+    spyOn(v1, 'clean');
+    view.addView(v1);
+    expect(view._subviews[v1.cid]).toEqual(v1);
+    view.clean();
+    expect(view._subviews[v1.cid]).toEqual(undefined);
+    expect(v1.clean).toHaveBeenCalled();
+  });
+
+  it('subview shuould be removed from its parent', function () {
+    var v1 = new CoreView();
+    view.addView(v1);
+    expect(view._subviews[v1.cid]).toEqual(v1);
+    v1.clean();
+    expect(view._subviews[v1.cid]).toEqual(undefined);
+  });
+
+  it('extendEvents should extend events', function () {
+    var V1 = CoreView.extend({
+      events: CoreView.extendEvents({
+        'click': 'hide'
+      })
+    });
+    var v1 = new V1();
+    expect(v1.el.style.display).not.toEqual('none');
+    v1.$el.trigger('click');
+    expect(v1.el.style.display).toEqual('none');
+  });
+
+  it('should retrigger an event when launched on a descendant object', function (done) {
+    var launched = false;
+    view.child = new TestView({});
+    view.retrigger('cachopo', view.child);
+    view.bind('cachopo', function () {
+      launched = true;
+    });
+    view.child.trigger('cachopo');
+    setTimeout(function () {
+      expect(launched).toBeTruthy();
+      done();
+    }, 25);
+  });
+
+  it('should kill an event', function () {
+    var ev = {
+      stopPropagation: function () {},
+      preventDefault: function () {}
+    };
+    var ev2 = 'thisisnotanevent';
+
+    spyOn(ev, 'stopPropagation');
+    spyOn(ev, 'preventDefault');
+
+    view.killEvent(ev);
+    view.killEvent(ev2);
+    view.killEvent();
+
+    expect(ev.stopPropagation).toHaveBeenCalled();
+    expect(ev.preventDefault).toHaveBeenCalled();
+  });
+});