matomo/plugins/AIAgents/tests/UI/AIAgents_spec.js at 9527cbaea29d07586a8d7763e1b13ffab878f851 · matomo-org/matomo · GitHub

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
/*!
 * Matomo - free/libre analytics platform
 *
 * UsersManager screenshot tests.
 *
 * @link    https://matomo.org
 * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
 */

describe('AIAgents', function () {
  this.fixture = 'Piwik\\Plugins\\AIAgents\\tests\\Fixtures\\AIAgents';

  const url = '?module=CoreHome&action=index&category=General_AIAssistants&subcategory=AIAgents_AIAgentsOverview&idSite=1&period=day&date=2025-07-20';

  it('should display the AI agents overview', async function () {
    await page.goto(url);
    await page.waitForNetworkIdle();

    const widgets = await page.$$('.matomo-widget');
    expect(widgets.length).to.equal(2);
  });

  it('should show the AI assistants report menu items', async function () {
    expect(await page.screenshotSelector('.menuTab.active')).to.matchImage('menu');
  });

  it('should display the list of supported evolution metrics', async function () {
    await page.hover('.jqplot-seriespicker');

    const selectedMetrics = await page.$$('.jqplot-seriespicker input.select:checked');
    expect(selectedMetrics.length).to.equal(1);

    const selectedMetricLabel = await page.$('.jqplot-seriespicker input.select:checked ~ span');
    expect(await selectedMetricLabel.getProperty('textContent')).to.match(/AI Agent Visits/);
  });

  it('should allow changing displayed metric using sparklines', async function () {
    const sparklines = await page.$$('.sparkline.linked');

    expect(sparklines.length).to.equal(10);
    await sparklines[5].click();
    await page.waitForNetworkIdle();

    await page.hover('.jqplot-seriespicker');

    const selectedMetrics = await page.$$('.jqplot-seriespicker input.select:checked');
    expect(selectedMetrics.length).to.equal(1);

    const selectedMetricLabel = await page.$('.jqplot-seriespicker input.select:checked ~ span');
    expect(await selectedMetricLabel.getProperty('textContent')).to.match(/Human Visits/);
  });

  it('should allow selecting multiple metrics', async function () {
    let metricLabels;

    // add "AI Agent Visits"
    await page.hover('.jqplot-seriespicker');

    metricLabels = await page.$$('.jqplot-seriespicker label');

    await metricLabels[0].click();
    await page.waitForNetworkIdle();

    // add "Visits"
    await page.hover('.jqplot-seriespicker');

    metricLabels = await page.$$('.jqplot-seriespicker label');

    await metricLabels[12].click();
    await page.waitForNetworkIdle();

    // check three metrics are selected/visible
    await page.hover('.jqplot-seriespicker');

    const selectedMetrics = await page.$$('.jqplot-seriespicker input.select:checked');
    expect(selectedMetrics.length).to.equal(3);

    await page.mouse.move(-10, -10);

    expect(await page.screenshotSelector('#content')).to.matchImage('overview');
  });
});