adding initial screenshot test

Author: chippison

plugins/Goals/tests/UI/ManageGoals_spec.js

@@ -0,0 +1,46 @@
+/*!
+ * Matomo - free/libre analytics platform
+ *
+ * ManageGoals UI tests.
+ *
+ * @link    https://matomo.org
+ * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+describe("ManageGoals", function () {
+    this.fixture = 'Piwik\\Tests\\Fixtures\\SomePageGoalVisitsWithConversions';
+
+    const manageGoalsUrl = "?module=CoreHome&action=index&idSite=1&period=year&date=2009-01-01#?idSite=1&period=year&date=2009-01-01&category=Goals_Goals&subcategory=Goals_ManageGoals";
+
+    async function openManageGoalsPage() {
+        await page.goto(manageGoalsUrl);
+        await page.waitForNetworkIdle();
+        await page.waitForSelector('#add-goal');
+    }
+
+    async function fillField(selector, value) {
+        await page.$eval(selector, (el) => {
+            el.value = '';
+            el.dispatchEvent(new Event('input', { bubbles: true }));
+            el.dispatchEvent(new Event('change', { bubbles: true }));
+        });
+        await page.type(selector, value);
+    }
+
+    it("should allow creating a new goal", async function () {
+        await openManageGoalsPage();
+
+        await page.click('#add-goal');
+        await page.waitForSelector('.addEditGoal', { visible: true });
+        //
+        const goalName = 'My name';
+        await fillField('#goal_name', goalName);
+        await fillField('#pattern', '/thank-you');
+        //
+        const saveButton = await page.waitForSelector('.addEditGoal .matomo-save-button .btn');
+        await saveButton.click();
+
+        await page.waitForNetworkIdle();
+        expect(await page.screenshot()).to.matchImage('goals_by_pages');
+    });
+});