Class NavBarCommandTests

tests/NavBar/NavBarCommandTests.ts:20–364

    var _element;

    export class NavBarCommandTests {

        setUp = function () {
            LiveUnit.LoggingCore.logComment("In setup");
            var newNode = document.createElement("div");
            newNode.id = "host";
            document.body.appendChild(newNode);
            _element = newNode;
        };

        tearDown = function () {
            LiveUnit.LoggingCore.logComment("In tearDown");
            if (_element) {
                WinJS.Utilities.disposeSubTree(_element);
                document.body.removeChild(_element);
                _element = null;
            }
        };

        testInstantiationMarkup = function (complete) {
            var host = document.getElementById("host");
            var html = "<div id='navcmd' data-win-control='WinJS.UI.NavBarCommand' " +
                "data-win-options='{ icon: WinJS.UI.AppBarIcon.add, splitButton: true }'" +
                "></div>";

            host.innerHTML = html;

            WinJS.UI.processAll().
                then(function () {
                    var navcmd = document.getElementById('navcmd').winControl;
                    LiveUnit.Assert.isTrue(WinJS.Utilities.hasClass(navcmd.element, "win-navbarcommand"),
                        "win-navbarcommand class not present");
                    // Verify main button
                    var buttonEl = navcmd.element.querySelector(".win-navbarcommand-button");
                    LiveUnit.Assert.isTrue(buttonEl, "win-navbarcommand-button class not present");
                    // Verify split button
                    var splitButtonEl = navcmd.element.querySelector(".win-navbarcommand-splitbutton");
                    LiveUnit.Assert.isTrue(splitButtonEl, "win-navbarcommand-splitbutton class not present");
                    // Verify split and main button elements are not same
                    LiveUnit.Assert.isFalse(splitButtonEl === buttonEl);
                    // Verify icon
                    var iconEl = buttonEl.querySelector(".win-navbarcommand-icon");
                    LiveUnit.Assert.isTrue(iconEl, "win-navbarcommand-icon class not present");
                    // Verify label
                    var labelEl = buttonEl.querySelector(".win-navbarcommand-label");
                    LiveUnit.Assert.isTrue(labelEl, "win-navbarcommand-label class not present");
                    // Verify label and icon elements are not same
                    LiveUnit.Assert.isFalse(iconEl === labelEl);
                }).
                done(complete);
        };

        testLabel = function () {
            var navbarCommand = new WinJS.UI.NavBarCommand(document.getElementById("host"));
            LiveUnit.Assert.areEqual("", navbarCommand.element.textContent.trim());

            navbarCommand.label = "abc";
            LiveUnit.Assert.areEqual("abc", navbarCommand.element.textContent.trim());