cordova-plugin-statusbar/tests/tests.js

/*
 *
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 *
*/

/* jshint jasmine: true */
/* global StatusBar */

exports.defineAutoTests = function () {
    describe("StatusBar", function () {
        it("statusbar.spec.1 should exist", function() {
            expect(window.StatusBar).toBeDefined();
        });

        it("statusbar.spec.2 should have show|hide methods", function() {
            expect(window.StatusBar.show).toBeDefined();
            expect(typeof window.StatusBar.show).toBe("function");

            expect(window.StatusBar.hide).toBeDefined();
            expect(typeof window.StatusBar.hide).toBe("function");
        });

        it("statusbar.spec.3 should have set backgroundColor methods", function() {
            expect(window.StatusBar.backgroundColorByName).toBeDefined();
            expect(typeof window.StatusBar.backgroundColorByName).toBe("function");

            expect(window.StatusBar.backgroundColorByHexString).toBeDefined();
            expect(typeof window.StatusBar.backgroundColorByHexString).toBe("function");
        });

        it("statusbar.spec.4 should have set style methods", function() {
            expect(window.StatusBar.styleBlackTranslucent).toBeDefined();
            expect(typeof window.StatusBar.styleBlackTranslucent).toBe("function");

            expect(window.StatusBar.styleDefault).toBeDefined();
            expect(typeof window.StatusBar.styleDefault).toBe("function");

            expect(window.StatusBar.styleLightContent).toBeDefined();
            expect(typeof window.StatusBar.styleLightContent).toBe("function");

            expect(window.StatusBar.styleBlackOpaque).toBeDefined();
            expect(typeof window.StatusBar.styleBlackOpaque).toBe("function");

            expect(window.StatusBar.overlaysWebView).toBeDefined();
            expect(typeof window.StatusBar.overlaysWebView).toBe("function");
        });
    });
};

exports.defineManualTests = function (contentEl, createActionButton) {
    function log(msg) {
        var el = document.getElementById("info");
        var logLine = document.createElement('div');
        logLine.innerHTML = msg;
        el.appendChild(logLine);
    }

    function doShow() {
        StatusBar.show();
        log('StatusBar.isVisible=' + StatusBar.isVisible);
    }

    function doHide() {
        StatusBar.hide();
        log('StatusBar.isVisible=' + StatusBar.isVisible);
    }

    function doColor1() {
        log('set color=red');
        StatusBar.backgroundColorByName('red');
    }

    function doColor2() {
        log('set style=translucent black');
        StatusBar.styleBlackTranslucent();
    }

    function doColor3() {
        log('set style=default');
        StatusBar.styleDefault();
    }

    var showOverlay = true;
    function doOverlay() {
        showOverlay = !showOverlay;
        StatusBar.overlaysWebView(showOverlay);
        log('Set overlay=' + showOverlay);
    }

    /******************************************************************************/

    contentEl.innerHTML = '<div id="info"></div>' +
        'Also: tapping bar on iOS should emit a log.' +
        '<div id="action-show"></div>' +
        'Expected result: Status bar will be visible' +
        '</p> <div id="action-hide"></div>' +
        'Expected result: Status bar will be hidden' +
        '</p> <div id="action-color2"></div>' +
        'Expected result: Status bar text will be a light (white) color' +
        '</p> <div id="action-color3"></div>' +
        'Expected result: Status bar text will be a dark (black) color' +
        '</p> <div id="action-overlays"></div>' +
        'Expected result:<br>Overlay true = status bar will lay on top of web view content<br>Overlay false = status bar will be separate from web view and will not cover content' +
        '</p> <div id="action-color1"></div>' +
        'Expected result: If overlay false, background color for status bar will be red';

    log('StatusBar.isVisible=' + StatusBar.isVisible);
    window.addEventListener('statusTap', function () {
        log('tap!');
    }, false);

    createActionButton("Show", function () {
        doShow();
    }, 'action-show');

    createActionButton("Hide", function () {
        doHide();
    }, 'action-hide');

    createActionButton("Style=red (background)", function () {
        doColor1();
    }, 'action-color1');

    createActionButton("Style=translucent black", function () {
        doColor2();
    }, 'action-color2');

    createActionButton("Style=default", function () {
        doColor3();
    }, 'action-color3');

    createActionButton("Toggle Overlays", function () {
        doOverlay();
    }, 'action-overlays');
};