Update mocha, chai for testomat reporting internal

.github/workflows/matomo-tests.yml

@@ -110,6 +110,7 @@ jobs:
       - name: running tests
         uses: matomo-org/github-action-tests@main
         with:
+          testomatio: ${{ secrets.TESTOMATIO }}
           ui-test-options: '--num-test-groups=4 --test-group=${{ matrix.parts }}'
           test-type: 'UI'
           php-version: '7.2'

tests/UI/config.dist.js

@@ -38,12 +38,18 @@ exports.mocha = 'mocha-3.1.2';
 exports.chai = 'chai-1.9.0';
 
 /**
- * The mocha reporter to use.
+ * Mocha reporters to use (can be multiple delimited by a comma).
  */
-exports.reporter = "spec";
+exports.reporter = 'mocha-multi-reporters';
+exports.reporterOptions = {
+  reporterEnabled: 'spec, @testomatio/reporter/lib/adapter/mocha.js',
+  testomatioReporterLibAdapterMochaJsReporterOptions: {
+    apiKey: process.env.TESTOMATIO
+  }
+};
 
 /**
- * The directory that stores expected screenshots. Relative to the UI repo's root directoriy.
+ * The directory that stores expected screenshots. Relative to the UI repo's root directory.
  */
 exports.expectedScreenshotsDir = ["./expected-screenshots", "./expected-ui-screenshots"];
 

tests/UI/specs/ReportExporting_spec.js

@@ -13,7 +13,7 @@ describe("ReportExporting", function () {
         visitsSummaryGetUrl = baseUrl + "&moduleToWidgetize=VisitsSummary&actionToWidgetize=get&forceView=1&viewDataTable=graphEvolution";
 
     function normalReportTest(format) {
-        it("should export a normal report correctly when the " + format + " export is chosen", async function () {
+        it(`should export a normal report correctly when the ${format} export is chosen`, async function () {
             if (await page.url() !== referrersGetWebsitesUrl) {
                 await page.goto(referrersGetWebsitesUrl);
                 await page.click('.activateExportSelection');
@@ -39,7 +39,7 @@ describe("ReportExporting", function () {
     }
 
     function evolutionReportTest(format) {
-        it("should export an evolution graph report correctly when the " + format + " export is chosen", async function () {
+        it(`should export an evolution graph report correctly when the ${format} export is chosen`, async function () {
             if (await page.url() !== visitsSummaryGetUrl) {
                 await page.goto(visitsSummaryGetUrl);
                 await page.click('.activateExportSelection');
@@ -65,7 +65,7 @@ describe("ReportExporting", function () {
     }
 
     function rowEvolutionReportTest(format) {
-        it("should export an row evolution graph report correctly when the " + format + " export link is clicked", async function () {
+        it(`should export an row evolution graph report correctly when the ${format} export link is clicked`, async function () {
             if (!page.url() || page.url().indexOf('popover') === -1) {
                 await page.goto(referrersGetWebsitesUrl);