قرینه از
https://github.com/matomo-org/matomo.git
synced 2025-08-22 15:07:44 +00:00
9a3ef94df6
* [Coding Style] Enable rule PSR12.Files.FileHeader * Apply CS * Replace Piwik with Matomo in file headers * Unify file headers (position, no. of lines, https links) * Rebuild dist files * Apply CS * Fix system test that relies on line numbers in a file that had the file header updated --------- Co-authored-by: Stefan Giehl <stefan@matomo.org>
310 خطوط
15 KiB
JavaScript
310 خطوط
15 KiB
JavaScript
/*!
|
|
* Matomo - free/libre analytics platform
|
|
*
|
|
* Bar graph screenshot tests.
|
|
*
|
|
* @link https://matomo.org
|
|
* @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
|
|
*/
|
|
|
|
describe("Comparison", function () {
|
|
const generalParams = 'idSite=1&period=range&date=2012-01-12,2012-01-17',
|
|
urlBase = 'module=CoreHome&action=index&' + generalParams,
|
|
dashboardUrl = "?" + urlBase + "#?" + generalParams + "&category=Dashboard_Dashboard&subcategory=1",
|
|
comparePeriod = "&compareDates[]=2012-01-01,2012-01-31&comparePeriods[]=range",
|
|
compareSegment = "&compareSegments[]=continentCode%3D%3Deur",
|
|
compareParams = comparePeriod + compareSegment,
|
|
barGraphUrl = "?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&"
|
|
+ "actionToWidgetize=getKeywords&viewDataTable=graphVerticalBar&isFooterExpandedInDashboard=1&"
|
|
+ compareParams,
|
|
pieGraphUrl = "?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&"
|
|
+ "actionToWidgetize=getKeywords&viewDataTable=graphPie&isFooterExpandedInDashboard=1&"
|
|
+ compareParams,
|
|
goalsTableUrl = "?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&"
|
|
+ "actionToWidgetize=getKeywords&viewDataTable=tableGoals&filter_limit=5&isFooterExpandedInDashboard=1" + compareParams,
|
|
htmlTableUrl = "?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&"
|
|
+ "actionToWidgetize=getSearchEngines&viewDataTable=table&filter_limit=5&isFooterExpandedInDashboard=1" + compareParams,
|
|
htmlTableUrlNoPeriods = "?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&"
|
|
+ "actionToWidgetize=getSearchEngines&viewDataTable=table&filter_limit=5&isFooterExpandedInDashboard=1" + compareSegment,
|
|
htmlTableUrlNoSegments = "?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&"
|
|
+ "actionToWidgetize=getSearchEngines&viewDataTable=table&filter_limit=5&isFooterExpandedInDashboard=1" + comparePeriod,
|
|
visitOverviewWidget = "?module=Widgetize&action=iframe&containerId=VisitOverviewWithGraph&disableLink=0&widget=1&" +
|
|
"moduleToWidgetize=CoreHome&actionToWidgetize=renderWidgetContainer&disableLink=1&widget=1&" + generalParams + "&" +
|
|
compareParams,
|
|
visitOverviewSparklines = "?module=Widgetize&action=iframe&disableLink=1&widget=1&" +
|
|
"moduleToWidgetize=VisitsSummary&actionToWidgetize=get&forceView=1&viewDataTable=sparklines&" + generalParams + "&" +
|
|
compareParams,
|
|
visitOverviewWidgetComparePeriods = "?module=Widgetize&action=iframe&containerId=VisitOverviewWithGraph&disableLink=0&widget=1&" +
|
|
"moduleToWidgetize=CoreHome&actionToWidgetize=renderWidgetContainer&disableLink=1&widget=1&idSite=1&period=year&date=2012-01-12" + compareSegment,
|
|
visitOverviewWidgetCompareYear = "?module=Widgetize&action=iframe&containerId=VisitOverviewWithGraph&disableLink=0&widget=1&" +
|
|
"moduleToWidgetize=CoreHome&actionToWidgetize=renderWidgetContainer&disableLink=1&widget=1&idSite=1&period=year&date=2012-01-12&compareDates[]=2011-01-31&comparePeriods[]=year",
|
|
visitOverviewWidgetCompareWeekSmallRange = "?module=Widgetize&action=iframe&containerId=VisitOverviewWithGraph&disableLink=0&widget=1&" +
|
|
"moduleToWidgetize=CoreHome&actionToWidgetize=renderWidgetContainer&disableLink=1&widget=1&idSite=1&period=week&date=2012-01-12&compareDates[]=2012-01-20,2012-01-31&comparePeriods[]=range",
|
|
visitOverviewWidgetCompareLargeRange = "?module=Widgetize&action=iframe&containerId=VisitOverviewWithGraph&disableLink=0&widget=1&" +
|
|
"moduleToWidgetize=CoreHome&actionToWidgetize=renderWidgetContainer&disableLink=1&widget=1&idSite=1&period=range&date=2012-01-12,2014-02-12&compareDates[]=2011-01-31,2013-02-31&comparePeriods[]=range"
|
|
;
|
|
|
|
it('should compare periods correctly when comparing the last period', async () => {
|
|
await page.goto(dashboardUrl);
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.click('#periodString #date');
|
|
|
|
await page.waitForSelector('input#comparePeriodTo', { visible: true });
|
|
await page.click('input#comparePeriodTo + span');
|
|
|
|
await page.click('#calendarApply');
|
|
await page.waitForNetworkIdle();
|
|
await page.waitForSelector('.widget');
|
|
await page.waitForNetworkIdle();
|
|
await page.waitForSelector('.piwik-graph');
|
|
await page.waitForNetworkIdle();
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('dashboard_last_period');
|
|
});
|
|
|
|
it('should add a segment comparison when the compare icon in the segment list is clicked', async () => {
|
|
await page.click('.segmentationContainer');
|
|
await (await page.jQuery('li[data-idsegment=2] .compareSegment', { waitFor: true })).click();
|
|
await page.waitForNetworkIdle();
|
|
await page.waitForSelector('.widget');
|
|
await page.waitForNetworkIdle();
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('dashboard_last_period_and_segment');
|
|
});
|
|
|
|
it('should not show comparisons for pages that do not support it', async () => {
|
|
await (await page.jQuery('li.menuTab:contains(Behaviour) > a')).click();
|
|
await page.waitForTimeout(100);
|
|
await (await page.jQuery('a.item:contains(Transitions)')).click();
|
|
await page.waitForNetworkIdle();
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('transitions');
|
|
});
|
|
|
|
it('should show extra serieses when comparing in evolution graphs and sparklines', async () => {
|
|
await (await page.jQuery('li.menuTab:contains(Visitors) > a')).click();
|
|
await page.waitForTimeout(100);
|
|
await (await page.jQuery('li.menuTab:contains(Visitors) a.item:contains(Overview)')).click();
|
|
await page.waitForNetworkIdle();
|
|
await page.waitForSelector('.piwik-graph');
|
|
await page.waitForSelector('.matomo-comparisons');
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('visitors_overview');
|
|
});
|
|
|
|
it('should change the evolution series when the sparkline is clicked', async () => {
|
|
await (await page.jQuery('.sparkline:contains(pageviews):eq(0)')).click();
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10);
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('visitors_overview_switched');
|
|
});
|
|
|
|
it('should show the tooltip correctly in an evolution graph', async () => {
|
|
await page.hover('.piwik-graph');
|
|
await page.waitForTimeout(250);
|
|
|
|
const element = await page.$('.ui-tooltip');
|
|
expect(await element.screenshot()).to.matchImage('visitors_overview_tooltip');
|
|
});
|
|
|
|
it('should remove segment comparison when the x button is clicked', async () => {
|
|
await page.click('.card.comparison .remove-button');
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10);
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('visitors_overview_segment_removed');
|
|
});
|
|
|
|
it('should remove period comparison if period is selected w/o compare set', async () => {
|
|
await page.click('#periodString .periodSelector');
|
|
await page.waitForSelector('input#comparePeriodTo', { visible: true });
|
|
await page.click('input#comparePeriodTo + span');
|
|
|
|
await page.click('#calendarApply');
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10);
|
|
|
|
const pageWrap = await page.$('.pageWrap');
|
|
expect(await pageWrap.screenshot()).to.matchImage('visitors_overview_no_compare');
|
|
});
|
|
|
|
it('should show the bar graph correctly when comparing segments and period', async () => {
|
|
await page.goto(barGraphUrl);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('bar_graph');
|
|
});
|
|
|
|
it('should show the pie graph correctly when comparing segments and period', async () => {
|
|
await page.goto(pieGraphUrl);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('pie_graph');
|
|
});
|
|
|
|
it('should show the normal html table correctly when comparing segments and periods', async () => {
|
|
await page.goto(htmlTableUrl);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('normal_table');
|
|
});
|
|
|
|
it('should show the correct percentages and tooltip during comparison', async () => {
|
|
const element = await page.jQuery('span.ratio:visible:eq(1)');
|
|
await element.hover();
|
|
const tooltip = await page.waitForSelector('.ui-tooltip', { visible: true });
|
|
expect(await tooltip.screenshot()).to.matchImage('totals_tooltip');
|
|
});
|
|
|
|
it('should show the normal html table correctly when comparing segments but not periods', async () => {
|
|
await page.goto(htmlTableUrlNoPeriods);
|
|
await page.mouse.move(-10, -10); // mae sure no row is highlighted
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('normal_table_no_periods');
|
|
});
|
|
|
|
it('should show the normal html table correctly when comparing periods but not segments', async () => {
|
|
await page.goto(htmlTableUrlNoSegments);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('normal_table_no_segments');
|
|
});
|
|
|
|
it('should expand subtables correctly when comparing', async () => {
|
|
(await page.$$('tr.subDataTable'))[0].click();
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.waitForFunction(function () {
|
|
return $('.cellSubDataTable > .dataTable').length === 1;
|
|
});
|
|
|
|
await page.mouse.move(-10, -10); // make sure no row is highlighted
|
|
await page.waitForTimeout(250);
|
|
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('subtables_loaded');
|
|
});
|
|
|
|
it('should advance to the next page when paginating the subtable', async () => {
|
|
await page.click('.cellSubDataTable .dataTableNext');
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10); // make sure no row is highlighted
|
|
await page.waitForTimeout(250);
|
|
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('subtables_paginate');
|
|
});
|
|
|
|
it('should show the row evolution popup for the compared row/segment/period when clicked', async () => {
|
|
const row = await page.jQuery('tbody tr.comparisonRow:visible:eq(1)');
|
|
await row.hover();
|
|
|
|
const icon = await page.jQuery('tbody tr.comparisonRow:visible:eq(1) a.actionRowEvolution');
|
|
await icon.click();
|
|
|
|
await page.waitForSelector('.ui-dialog');
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10);
|
|
|
|
const dialog = await page.$('.ui-dialog');
|
|
expect(await dialog.screenshot()).to.matchImage('row_evolution');
|
|
});
|
|
|
|
it('should show the multirow evolution popup for another comparison series', async () => {
|
|
await page.click('.rowevolution-startmulti');
|
|
await page.waitForTimeout(250);
|
|
|
|
const row = await page.jQuery('tbody tr.comparisonRow:visible:eq(0)');
|
|
await row.hover();
|
|
|
|
const icon = await page.jQuery('tbody tr.comparisonRow:visible:eq(0) a.actionRowEvolution');
|
|
await icon.click();
|
|
|
|
await page.waitForSelector('.ui-dialog');
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10);
|
|
|
|
const dialog = await page.$('.ui-dialog');
|
|
expect(await dialog.screenshot()).to.matchImage('multi_row_evolution');
|
|
});
|
|
|
|
it('should show the segmented visitor log popup for the compared row/segment/period when clicked', async () => {
|
|
await page.click('.ui-dialog-titlebar-close');
|
|
|
|
const row = await page.jQuery('tbody tr.comparisonRow:eq(1)');
|
|
await row.hover();
|
|
|
|
const icon = await page.jQuery('tbody tr.comparisonRow:eq(1) a.actionSegmentVisitorLog');
|
|
await icon.click();
|
|
|
|
await page.waitForSelector('.ui-dialog');
|
|
await page.waitForNetworkIdle();
|
|
|
|
await page.mouse.move(-10, -10);
|
|
|
|
const dialog = await page.$('.ui-dialog');
|
|
expect(await dialog.screenshot()).to.matchImage('segmented_visitorlog');
|
|
});
|
|
|
|
it('should show the goals overview table correctly when comparing segments and period', async () => {
|
|
await page.goto(goalsTableUrl);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('goals_table');
|
|
});
|
|
|
|
it('should show a specific goals table correctly when comparing segments and period', async () => {
|
|
await page.goto(goalsTableUrl + '&idGoal=1');
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('goals_table_specific');
|
|
});
|
|
|
|
it('should load a widgetized sparklines visualization correctly', async () => {
|
|
await page.goto(visitOverviewWidget);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('visits_overview_widget');
|
|
});
|
|
|
|
it('should load a widgetized sparklines visualization correctly when comparing two years', async () => {
|
|
await page.goto(visitOverviewWidgetCompareYear);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('visits_overview_widget_year');
|
|
});
|
|
|
|
it('should load a widgetized sparklines visualization correctly when comparing two segments over a year', async () => {
|
|
await page.goto(visitOverviewWidgetComparePeriods);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('visits_overview_widget_compareperiod_year');
|
|
});
|
|
|
|
it('should load a widgetized sparklines visualization correctly when comparing a week with a small range', async () => {
|
|
await page.goto(visitOverviewWidgetCompareWeekSmallRange);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('visits_overview_widget_week_smallrange');
|
|
});
|
|
|
|
it('should load a widgetized sparklines visualization correctly when comparing large ranges', async () => {
|
|
await page.goto(visitOverviewWidgetCompareLargeRange);
|
|
await page.waitForNetworkIdle();
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('visits_overview_widget_largerange');
|
|
});
|
|
|
|
it('should show evolution metrics correctly formatted in other language', async () => {
|
|
await page.goto(visitOverviewSparklines + '&language=sv');
|
|
await page.waitForNetworkIdle();
|
|
await page.evaluate(function(){
|
|
// replace all metric names with `metric name` to avoid test failures when metric translation changes
|
|
$('.sparkline-metrics').each(function(){ $(this).html($(this).find('strong').prop('outerHTML') + ' metric name') });
|
|
});
|
|
|
|
expect(await page.screenshot({ fullPage: true })).to.matchImage('visits_overview_widget_sv');
|
|
});
|
|
});
|