Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/apps/clock/test/unit/view_test.js

@@ -0,0 +1,106 @@
+'use strict';
+suite('View', function() {
+  var View;
+
+  suiteSetup(function(done) {
+    require(['view'], function(view) {
+      View = view;
+      done();
+    });
+  });
+
+  setup(function() {
+    this.element = document.createElement('div');
+  });
+
+  suite('View.instance', function() {
+    test('creates new View', function() {
+      var view = View.instance(this.element);
+      assert.ok(view instanceof View);
+    });
+    test('returns same View on second run', function() {
+      var view = View.instance(this.element);
+      assert.equal(View.instance(this.element), view);
+    });
+
+    suite('using subclass', function() {
+      setup(function() {
+        this.ctor = this.sinon.spy(function(element) {
+          View.call(this, element);
+        });
+        this.ctor.prototype = Object.create(View.prototype);
+        this.view = View.instance(this.element, this.ctor);
+      });
+      test('returns instance of ctor', function() {
+        assert.ok(this.view instanceof this.ctor);
+      });
+      test('called ctor', function() {
+        assert.ok(this.ctor.calledWith(this.element));
+      });
+      test('returns same view on second run', function() {
+        assert.equal(this.view, View.instance(this.element));
+        assert.equal(this.ctor.callCount, 1,
+          'did not call ctor again');
+      });
+    });
+  });
+
+  suite('tests on instances', function() {
+    setup(function() {
+      this.element.id = 'test-element';
+      this.view = new View(this.element);
+      this.visibleSpy = this.sinon.spy();
+      this.view.element.addEventListener('panel-visibilitychange',
+                                         this.visibleSpy);
+    });
+    test('has element', function() {
+      assert.equal(this.view.element, this.element);
+    });
+    test('has id', function() {
+      assert.equal(this.view.id, this.element.id);
+    });
+    test('starts visible', function() {
+      assert.isTrue(this.view.visible);
+    });
+    suite('set visible true', function() {
+      setup(function() {
+        this.view.visible = true;
+      });
+      test('event not called(changed to same state)', function() {
+        assert.equal(this.visibleSpy.callCount, 0);
+      });
+    });
+    suite('set visible false', function() {
+      setup(function() {
+        this.view.visible = false;
+      });
+      test('event called', function() {
+        assert.ok(this.visibleSpy.calledOnce);
+      });
+      test('added hidden class', function() {
+        assert.ok(this.element.classList.contains('hidden'));
+      });
+      suite('set visible false', function() {
+        setup(function() {
+          this.visibleSpy.reset();
+          this.view.visible = false;
+        });
+        test('event not called(changed to same state)', function() {
+          assert.equal(this.visibleSpy.callCount, 0);
+        });
+      });
+      suite('set visible true', function() {
+        setup(function() {
+          this.visibleSpy.reset();
+          this.view.visible = true;
+        });
+        test('event called', function() {
+          assert.ok(this.visibleSpy.calledOnce);
+        });
+        test('removed hidden class', function() {
+          assert.isFalse(this.element.classList.contains('hidden'));
+        });
+      });
+    });
+  });
+});