// Copyright (c) Microsoft Corporation.  All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information.
// <reference path="ms-appx://$(TargetFramework)/js/WinJS.js" />
// <reference path="ms-appx://$(TargetFramework)/css/ui-dark.css" />
///<reference path="../../typings/typings.d.ts" />
///<reference path="../TestLib/liveToQ/liveToQ.d.ts" />
///<reference path="../TestLib/winjs.dev.d.ts" />

module WinJSTests {

    "use strict";

    var pivotWrapperEl;

    var Pivot = <typeof WinJS.UI.PrivatePivot>WinJS.UI.Pivot;

    export class PivotItemTests {



        setUp() {
            pivotWrapperEl = document.createElement('div');
            pivotWrapperEl.style.cssText = "width: 320px; height: 480px; background-color: #777;"
            document.body.appendChild(pivotWrapperEl);
        }

        tearDown() {
            WinJS.Utilities.disposeSubTree(pivotWrapperEl);
            document.body.removeChild(pivotWrapperEl);
        }

        testContentElement = function () {
            var pivotItemEl = document.createElement('div');
            pivotItemEl.innerHTML = '<div class="mike"></div>';
            var firstChild = pivotItemEl.firstChild;
            var pivotItem = new WinJS.UI.PivotItem(pivotItemEl);

            // The content inside a pivot item should be reparented inside of contentElement.
            LiveUnit.Assert.areEqual(firstChild, pivotItem.contentElement.firstChild, "First child match");
        };

        testHeaderChange = function (complete) {
            var pivotItem = new WinJS.UI.PivotItem(undefined, {
                header: 'foo1'
            });

            var pivot = new WinJS.UI.Pivot();
            pivotWrapperEl.appendChild(pivot.element);

            pivot.items.push(pivotItem);
            pivot.addEventListener("itemanimationend", function () {
                var header = pivot.element.querySelector("." + Pivot._ClassNames.pivotHeaderSelected);
                LiveUnit.Assert.areEqual('foo1', header.textContent);

                pivotItem.header = 'foo2';
                header = pivot.element.querySelector("." + Pivot._ClassNames.pivotHeaderSelected);
                LiveUnit.Assert.areEqual('foo2', header.textContent);

                complete();
            });
        };
    };
}

LiveUnit.registerTestClass("WinJSTests.PivotItemTests");