/*! * 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); }); });