3 files changed, 419 insertions, 0 deletions

diff --git a/node_modules/montage/test/ui/youtube-player-spec.js b/node_modules/montage/test/ui/youtube-player-spec.js
new file mode 100755
index 00000000..dc57e3ec
--- /dev/null
+++ b/node_modules/montage/test/ui/youtube-player-spec.js
@@ -0,0 +1,363 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+var Montage = require("montage").Montage,
+    TestPageLoader = require("support/testpageloader").TestPageLoader;
+
+var testPage = TestPageLoader.queueTest("buttontest", function() {
+    var test = testPage.test;
+
+    var click = function(component, el, fn) {
+        el = el || component.element;
+
+        var listener = testPage.addListener(component, fn);
+
+        testPage.mouseEvent({target: el}, "mousedown");
+        testPage.mouseEvent({target: el}, "mouseup");
+        testPage.mouseEvent({target: el}, "click");
+
+        // Return this so that it can be checked in tha calling function.
+        return listener;
+    };
+    var testButton = function(component, value) {
+        expect(component).toBeDefined();
+        expect(click(component)).toHaveBeenCalled();
+        expect(component.label).toBe(value);
+    };
+
+    describe("ui/button-spec", function() {
+        it("should load", function() {
+            expect(testPage.loaded).toBe(true);
+        });
+
+        describe("button", function(){
+
+            it("can be created from a div element", function(){
+                testButton(test.divbutton, "div button");
+            });
+            it("can be created from an input element", function(){
+                testButton(test.inputbutton, "input button");
+            });
+            it("can be created from a button element", function(){
+                testButton(test.buttonbutton, "button button");
+            });
+
+            describe("disabled property", function(){
+                it("is taken from the element's disabled attribute", function() {
+                    expect(test.disabledbutton.disabled).toBe(true);
+                    expect(click(test.disabledbutton)).not.toHaveBeenCalled();
+                    expect(test.disabledinput.disabled).toBe(true);
+                    expect(click(test.disabledinput)).not.toHaveBeenCalled();
+                    expect(test.inputbutton.disabled).toBe(false);
+                });
+                it("can be set", function(){
+                    expect(test.disabledbutton.disabled).toBe(true);
+                    test.disabledbutton.disabled = false;
+                    expect(test.disabledbutton.disabled).toBe(false);
+                    // TODO click the button and check that it wasn't pressed
+
+                    expect(test.disabledinput.disabled).toBe(true);
+                    test.disabledinput.disabled = false;
+                    expect(test.disabledinput.disabled).toBe(false);
+                    // TODO click the button and check that it wasn't pressed
+                });
+                it("can can be set in the serialization", function(){
+                    expect(test.disabledinputszn.disabled).toBe(true);
+                    // TODO check button pressibility
+                });
+                it("is the inverse of the enabled property", function(){
+                    expect(test.enabledinputszn.disabled).toBe(false);
+                    expect(test.enabledinputszn.enabled).toBe(true);
+                    test.enabledinputszn.enabled = false;
+                    expect(test.enabledinputszn.disabled).toBe(true);
+                    expect(test.enabledinputszn.enabled).toBe(false);
+                    // TODO click the button and check that it wasn't pressed
+                });
+            });
+
+            describe("label property", function() {
+                it("is set from the serialization on a button", function() {
+                    expect(test.buttonlabelszn.label).toBe("pass");
+                    testPage.waitForDraw();
+                    runs(function(){
+                        expect(test.buttonlabelszn.element.firstChild.data).toBe("pass");
+                    });
+                });
+                it("is set from the serialization on an input", function() {
+                    expect(test.inputlabelszn.label).toBe("pass");
+                    expect(test.inputlabelszn.element.value).toBe("pass");
+                });
+                it("sets the value on an input", function() {
+                    expect(test.inputbutton.label).toBe("input button");
+                    test.inputbutton.label = "label pass";
+                    expect(test.inputbutton.label).toBe("label pass");
+                    expect(test.inputbutton.value).toBe("label pass");
+                    test.inputbutton.label = "input button";
+                });
+                it("sets the first child on a non-input element", function() {
+                    expect(test.buttonbutton.label).toBe("button button");
+                    test.buttonbutton.label = "label pass";
+                    expect(test.buttonbutton.label).toBe("label pass");
+
+                    testPage.waitForDraw();
+                    runs(function(){
+                        expect(test.buttonbutton.element.firstChild.data).toBe("label pass");
+                        test.buttonbutton.label = "button button";
+                    });
+                });
+            });
+
+            describe("value property", function() {
+                it("is set from the value on an input", function() {
+                    expect(test.inputbutton.element.value).toBe("input button");
+                    expect(test.inputbutton.value).toBe("input button");
+                });
+                it("is set by the label property in the serialization", function() {
+                    expect(test.inputlabelszn.label).toBe("pass");
+                    //expect(test.inputlabelszn.value).toBe("pass");
+                });
+                it("sets the label property when using an input element", function() {
+                    expect(test.inputbutton.label).toBe("input button");
+                    test.inputbutton.value = "value pass";
+                    expect(test.inputbutton.value).toBe("value pass");
+                    expect(test.inputbutton.label).toBe("value pass");
+                    test.inputbutton.value = "input button";
+                });
+                it("doesn't set the label property when using a non-input element", function() {
+                    expect(test.buttonbutton.label).toBe("button button");
+                    test.buttonbutton.value = "value fail";
+                    expect(test.buttonbutton.label).toBe("button button");
+                    testPage.waitForDraw();
+                    runs(function(){
+                        expect(test.buttonbutton.element.firstChild.data).toBe("button button");
+                        test.buttonbutton.value = "button button";
+                    });
+                });
+
+            });
+
+
+            it("responds when child elements are clicked on", function(){
+                expect(click(test.buttonnested, test.buttonnested.element.firstChild)).toHaveBeenCalled();
+            });
+
+            it("supports converters for label", function(){
+                expect(test.converterbutton.label).toBe("PASS");
+                expect(test.converterbutton.element.value).toBe("PASS");
+            });
+
+            // TODO should be transplanted to the press-composer-spec
+            // it("correctly releases the pointer", function() {
+            //     var l = testPage.addListener(test.scroll_button);
+
+            //     testpage.mouseEvent({target: test.scroll_button.element}, "mousedown");;
+            //     expect(test.scroll_button.active).toBe(true);
+            //     test.scroll_button.surrenderPointer(test.scroll_button._observedPointer, null);
+            //     expect(test.scroll_button.active).toBe(false);
+            //     testPage.mouseEvent({target: test.scroll_button.element}, "mouseup");;
+
+            //     expect(l).not.toHaveBeenCalled();
+
+            // });
+
+            if (window.Touch) {
+
+                describe("when supporting touch events", function() {
+
+                    it("should dispatch an action event when a touchend follows a touchstart on a button", function() {
+
+                    });
+
+                });
+
+            } else {
+
+                describe("when supporting mouse events", function() {
+                    it("dispatches an action event when a mouseup follows a mousedown", function() {
+                        expect(click(test.inputbutton)).toHaveBeenCalled();
+                    });
+
+                    it("does not dispatch an action event when a mouseup occurs after not previously receiving a mousedown", function() {
+                        // reset interaction
+                        // test.inputbutton._endInteraction();
+                        var l = testPage.addListener(test.inputbutton);
+                        testPage.mouseEvent({target: test.inputbutton.element}, "mouseup");;
+                        expect(l).not.toHaveBeenCalled();
+                    });
+
+                    it("does not dispatch an action event when a mouseup occurs away from the button after a mousedown on a button", function() {
+                        var l = testPage.addListener(test.inputbutton);
+
+                        testpage.mouseEvent({target: test.inputbutton.element}, "mousedown");;
+                        // Mouse up somewhere else
+                        testPage.mouseEvent({target: test.divbutton.element}, "mouseup");;
+
+                        expect(l).not.toHaveBeenCalled();
+                    });
+                });
+            }
+
+            describe("inside a scroll view", function() {
+                it("fires an action event when clicked", function() {
+                    testButton(test.scroll_button, "scroll button");
+                });
+                it("doesn't fire an action event when scroller is dragged", function() {
+                    var el = test.scroll_button.element;
+                    var scroll_el = test.scroll.element;
+