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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
|
/*!
* Matomo - free/libre analytics platform
*
* Screenshot integration tests.
*
* @link https://matomo.org
* @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
*/
describe("CustomDimensions", function () {
this.timeout(0);
this.fixture = "Piwik\\Plugins\\CustomDimensions\\tests\\Fixtures\\TrackVisitsWithCustomDimensionsFixture";
var generalParams = 'idSite=1&period=year&date=2013-01-23',
urlBase = 'module=CoreHome&action=index&' + generalParams;
var reportUrl = "?" + urlBase + "#?" + generalParams;
var reportUrlDimension2 = reportUrl + "&category=General_Visitors&subcategory=customdimension2";
var reportUrlDimension3 = reportUrl + "&category=General_Actions&subcategory=customdimension3";
var reportUrlDimension4 = reportUrl + "&category=General_Actions&subcategory=customdimension4";
var popupSelector = '.ui-dialog:visible';
async function capturePageWrap (screenName, test) {
await captureSelector(screenName, '.pageWrap', test)
}
async function captureSelector (screenName, selector, test) {
await page.webpage.setViewport({
width: 1350,
height: 768,
});
await test();
expect(await page.screenshotSelector(selector)).to.matchImage(screenName);
}
async function closeOpenedPopover()
{
await page.waitForTimeout(100);
const closeButton = await page.jQuery('.ui-dialog:visible .ui-icon-closethick:visible');
if (!closeButton) {
return;
}
await closeButton.click();
await page.waitForTimeout(100);
}
async function triggerRowAction(labelToClick, nameOfRowActionToTrigger)
{
var rowToMatch = 'td.label:contains(' + labelToClick + '):first';
await (await page.jQuery('table.dataTable tbody ' + rowToMatch)).hover();
await page.waitForTimeout(100);
await (await page.jQuery(rowToMatch + ' a.'+ nameOfRowActionToTrigger + ':visible')).hover(); // necessary to get popover to display
await (await page.jQuery(rowToMatch + ' a.' + nameOfRowActionToTrigger + ':visible')).click();
await page.mouse.move(-10, -10);
await page.waitForTimeout(250); // wait for animation
await page.waitForNetworkIdle();
}
before(function () {
testEnvironment.pluginsToLoad = ['CustomDimensions'];
testEnvironment.save();
});
/**
* VISIT DIMENSION REPORTS
*/
it('should show the report for the selected visit dimension', async function () {
await capturePageWrap('report_visit', async function () {
await page.goto(reportUrlDimension2);
});
});
it('should add a menu item for each active visit dimension', async function () {
await captureSelector('report_visit_mainmenu', '#secondNavBar', async function () {
// we only capture a screenshot of a different part of the page, no need to do anything
});
});
it('should add visit dimensions to goals report', async function () {
await captureSelector('report_goals_overview', '.reportsByDimensionView', async function () {
await page.goto( "?" + urlBase + "#?" + generalParams + "&category=Goals_Goals&subcategory=General_Overview");
await (await page.jQuery('.reportsByDimensionView .dimension:contains(MyName1)')).click();
await page.waitForNetworkIdle();
await page.waitForTimeout(100);
});
});
/**
* ACTION DIMENSION REPORTS
*/
it('should show the report for the selected action dimension', async function () {
await capturePageWrap('report_action', async function () {
await page.goto(reportUrlDimension3);
});
});
it('should add a menu item for each active action dimension', async function () {
await captureSelector('report_actions_mainmenu', '#secondNavBar', async function () {
// we only capture a screenshot of a different part of the page, no need to do anything
});
});
it('should offer only segmented visitor log and row action for first level entries', async function () {
await capturePageWrap('report_actions_rowactions', async function () {
await page.hover('tr:first-child td.label');
});
});
it('should be able to render insights', async function () {
await capturePageWrap('report_action_insights', async function () {
await page.mouse.move(0, 0);
await page.evaluate(function(){
$('[data-footer-icon-id="insightsVisualization"]').click();
});
await page.waitForNetworkIdle();
});
});
it('should show an error when trying to open an inactive dimension', async function () {
await page.goto(reportUrlDimension4);
await page.waitForFunction('$(".pageWrap:contains(\'This page does not exist\')").length > 0');
});
it('should be able to open segmented visitor log', async function () {
await captureSelector('report_actions_segmented_visitorlog', popupSelector, async function () {
await page.goto(reportUrlDimension3);
await triggerRowAction('en', 'actionSegmentVisitorLog');
});
});
it('should be able to open row evolution', async function () {
await captureSelector('report_actions_rowevolution', popupSelector, async function () {
await page.goto(reportUrlDimension3);
await triggerRowAction('en', 'actionRowEvolution');
});
});
it('should be able to show subtable and offer all row actions if scope is action', async function () {
await capturePageWrap('report_action_subtable', async function () {
await page.goto(reportUrlDimension3);
await (await page.jQuery('.dataTable .subDataTable .value:contains(en):first')).click();
await page.waitForNetworkIdle();
await page.waitForTimeout(500);
await page.evaluate(() => { // give table headers constant width so the screenshot stays the same
$('.dataTableScroller').css('overflow-x', 'scroll');
});
await (await page.jQuery('td.label:contains(en_US)')).hover();
await page.waitForTimeout(100);
});
});
it('should be able to show row evolution for subtable', async function () {
await captureSelector('report_action_subtable_rowevolution', popupSelector, async function () {
await triggerRowAction('en_US', 'actionRowEvolution');
});
});
it('should be able to show segmented visitor log for subtable', async function () {
await captureSelector('report_action_subtable_segmented_visitor_log', popupSelector, async function () {
await closeOpenedPopover();
await triggerRowAction('en_US', 'actionSegmentVisitorLog');
});
});
it('should be able to show transitions for subtable', async function () {
await captureSelector('report_action_subtable_transitions', popupSelector, async function () {
await page.goto('about:blank');
await page.goto(reportUrlDimension3);
await (await page.jQuery('.dataTable .subDataTable .value:contains(en):first')).click();
await page.waitForNetworkIdle();
await page.waitForTimeout(200);
await (await page.jQuery('td.label:contains(en_US):visible')).hover();
await page.waitForTimeout(200);
await triggerRowAction('en_US', 'actionTransitions');
});
});
});
|
