1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
/*!
* 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 () {
const selectorToCapture = '.dashboard-manager,.dashboard-manager .dropdown';
const generalParams = 'idSite=1&period=day&date=2012-01-01';
const url = '?module=CoreHome&action=index&' + generalParams + '#?' + generalParams + '&category=Dashboard_Dashboard&subcategory=5';
it("should load correctly", async function() {
await page.goto(url);
expect(await page.screenshotSelector(selectorToCapture)).to.matchImage('loaded');
});
it("should expand when clicked", async function() {
await page.click('.dashboard-manager .title');
expect(await page.screenshotSelector(selectorToCapture)).to.matchImage('expanded');
});
it("should show widget for a category when category label hovered", async function() {
live = await page.jQuery('.widgetpreview-categorylist>li:contains(Goals)');
await live.hover();
visitors = await page.jQuery('.widgetpreview-categorylist>li:contains(Visitors):first');
await visitors.hover();
await visitors.click();
await page.waitForNetworkIdle();
expect(await page.screenshotSelector(selectorToCapture)).to.matchImage('widget_list_shown');
});
it("should load a widget preview when a widget is hovered", async function() {
vot = await page.jQuery('.widgetpreview-widgetlist>li:contains(Visits Over Time)');
await vot.hover();
await page.waitForNetworkIdle();
expect(await page.screenshotSelector(selectorToCapture)).to.matchImage('widget_preview');
});
it("should close the manager when a widget is selected", async function() {
// make sure selecting a widget does nothing
await page.evaluate(function () {
$('.dashboard-manager').data('uiControlObject').widgetSelected = function () {};
});
vot = await page.jQuery('.widgetpreview-widgetlist>li:contains(Visits Over Time)');
await vot.click();
await page.waitForNetworkIdle();
expect(await page.screenshotSelector(selectorToCapture)).to.matchImage('loaded');
});
it("should create new dashboard with new default widget selection when create dashboard process completed", async function() {
await page.click('.dashboard-manager .title');
await page.click('li[data-action="createDashboard"]');
await page.waitFor('#createDashboardName', { visible: true });
// try to type the text a few times, as it sometimes doesn't get the full value
var name = 'newdash2';
for (var i=0; i<5; i++) {
await page.evaluate(function() {
$('#createDashboardName').val('');
});
await page.type('#createDashboardName', name);
await page.waitFor(500); // sometimes the text doesn't seem to type fast enough
var value = await page.evaluate(function() {
return $('#createDashboardName').attr('value');
});
if (value === name) {
break;
}
}
button = await page.jQuery('.modal.open .modal-footer a:contains(Ok)');
await button.click();
await page.mouse.move(-10, -10);
await page.waitForNetworkIdle();
await page.waitFor('.widget');
await page.waitForNetworkIdle();
expect(await page.screenshot({ fullPage: true })).to.matchImage('create_new');
});
it("should remove dashboard when remove dashboard process completed", async function() {
await page.click('.dashboard-manager .title');
await page.click('li[data-action="removeDashboard"]');
button = await page.jQuery('.modal.open .modal-footer a:contains(Yes)');
await button.click();
await page.mouse.move(-10, -10);
await page.waitFor(500);
await page.waitForNetworkIdle();
expect(await page.screenshot({ fullPage: true })).to.matchImage('removed');
});
});
|
