DashboardManager_spec.js

/*!
 * Piwik - free/libre analytics platform
 *
 * Dashboard manager screenshot tests.
 *
 * @link http://piwik.org
 * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
 */

describe("DashboardManager", function () {

    this.timeout(0);

    var selectorToCapture = '.dashboard-manager,.dashboard-manager .dropdown';

    var generalParams = 'idSite=1&period=day&date=2012-01-01';
    var url = '?module=CoreHome&action=index&' + generalParams + '#?' + generalParams + '&category=Dashboard_Dashboard&subcategory=5';

    it("should load correctly", function (done) {
        expect.screenshot("loaded").to.be.captureSelector(selectorToCapture, function (page) {
            page.load(url);
        }, done);
    });

    it("should expand when clicked", function (done) {
        expect.screenshot("expanded").to.be.captureSelector(selectorToCapture, function (page) {
            page.click('.dashboard-manager .title');
        }, done);
    });

    it("should show widget for a category when category label hovered", function (done) {
        expect.screenshot("widget_list_shown").to.be.captureSelector(selectorToCapture, function (page) {
            page.mouseMove('.widgetpreview-categorylist>li:contains(Live!)'); // have to mouse move twice... otherwise Live! will just be highlighted
            page.mouseMove('.widgetpreview-categorylist>li:contains(Visitors):first');
            page.click('.widgetpreview-categorylist>li:contains(Visitors):first');
        }, done);
    });

    it("should load a widget preview when a widget is hovered", function (done) {
        expect.screenshot("widget_preview").to.be.captureSelector(selectorToCapture, function (page) {
            page.mouseMove('.widgetpreview-widgetlist>li:contains(Visits Over Time)');
        }, done);
    });

    it("should close the manager when a widget is selected", function (done) {
        expect.screenshot("loaded").to.be.captureSelector("widget_selected", selectorToCapture, function (page) {
            // make sure selecting a widget does nothing
            page.evaluate(function () {
                $('.dashboard-manager').data('uiControlObject').widgetSelected = function () {};
            });

            page.click('.widgetpreview-widgetlist>li:contains(Visits Over Time)');
        }, done);
    });

    it("should create new dashboard with new default widget selection when create dashboard process completed", function (done) {
        expect.screenshot("create_new").to.be.capture(function (page) {
            page.click('.dashboard-manager .title');
            page.click('li[data-action=createDashboard]');
            page.sendKeys('#createDashboardName', 'newdash2');
            page.click('.modal.open .modal-footer a:contains(Ok)');

            page.wait(2000);
        }, done);
    });

    it("should remove dashboard when remove dashboard process completed", function (done) {
        expect.screenshot("removed").to.be.capture(function (page) {
            page.contains('ul.navbar ul li.sfActive:contains(newdash2)');
            page.click('.dashboard-manager .title');
            page.click('li[data-action=removeDashboard]');
            page.click('.modal.open .modal-footer a:contains(Yes)');
            page.mouseMove('.dashboard-manager');
            page.evaluate(function () {
                $('.widgetTop').removeClass('widgetTopHover');
            });
        }, done);
    });
});