Add axis change event test

Author: jkusa

packages/perspective-viewer-d3fc/test/js/integration/events.spec.js

@@ -0,0 +1,81 @@
+/******************************************************************************
+ *
+ * Copyright (c) 2022, the Perspective Authors.
+ *
+ * This file is part of the Perspective library, distributed under the terms of
+ * the Apache License 2.0.  The full license can be found in the LICENSE file.
+ *
+ */
+
+const path = require("path");
+
+const utils = require("@finos/perspective-test");
+const simple_tests = require("@finos/perspective-viewer/test/js/simple_tests.js");
+
+const {withTemplate} = require("./simple-template");
+withTemplate("events", "Y Line");
+
+async function get_contents(page) {
+    return await page.evaluate(async () => {
+        const viewer = document
+            .querySelector(`perspective-viewer perspective-viewer-d3fc-yline`)
+            .shadowRoot.querySelector("svg");
+        return viewer.outerHTML || "MISSING";
+    });
+}
+
+utils.with_server({}, () => {
+    describe.page(
+        "events.html",
+        () => {
+            test.capture(
+                "perspective-config-update event is fired when series axis is changed",
+                async (page) => {
+                    // Await the viewer element to exist on the page
+                    const viewer = await page.$("perspective-viewer");
+                    await page.evaluate(async (viewer) => {
+                        // Await the table load
+                        await viewer.getTable();
+
+                        viewer.restore({
+                            plugin: "Y Line",
+                            columns: ["Sales", "Profit"],
+                        });
+
+                        // Register a listener for `perspective-config-update` event
+                        window.__events__ = [];
+                        viewer.addEventListener(
+                            "perspective-config-update",
+                            (evt) => {
+                                window.__events__.push(evt);
+                            }
+                        );
+                    }, viewer);
+                    const axisLabel = (
+                        await page.waitForFunction(() =>
+                            document
+                                .querySelector("perspective-viewer-d3fc-yline")
+                                .shadowRoot.querySelector(".y-label")
+                        )
+                    ).asElement();
+                    await axisLabel.click(axisLabel);
+
+                    const count = await page.evaluate(async (viewer) => {
+                        // Await the plugin rendering
+                        await viewer.flush();
+
+                        // Count the events;
+                        return window.__events__.length;
+                    }, viewer);
+
+                    // Expect 1 event
+                    expect(count).toEqual(1);
+
+                    // Return the chart contents
+                    return get_contents(page);
+                }
+            );
+        },
+        {reload_page: false, root: path.join(__dirname, "..", "..", "..")}
+    );
+});

packages/perspective-viewer-d3fc/test/results/results.json

@@ -1,5 +1,5 @@
 {
-    "__GIT_COMMIT__": "5da16de32e940766d75e53e589ea77950bf66659",
+    "__GIT_COMMIT__": "c382e7af4f7e2f0d68c4d126c0864dce34b0a73c",
     "area_shows_a_grid_without_any_settings_applied": "3852532b8ee6abba3373a10d41bb4df2",
     "area_displays_visible_columns_": "919cc6f6c2a2f2ec13b90dfb60e1b7ef",
     "area_pivot_by_a_row": "7495976cfed69cfe9db2b3fdc6ef4707",
@@ -143,5 +143,6 @@
     "sunburst_filters_filters_by_a_numeric_column": "10d1208b485425756fcc932229386b02",
     "sunburst_filters_filters_by_an_alpha_column": "10d1208b485425756fcc932229386b02",
     "sunburst_filters_filters_with__in__comparator": "10d1208b485425756fcc932229386b02",
-    "bar_rendering_bugs_correctly_render_when_a_bar_chart_has_non_equidistant_times_on_a_datetime_axis": "9e7617a454d83e328aaa3d25c8145a0e"
+    "bar_rendering_bugs_correctly_render_when_a_bar_chart_has_non_equidistant_times_on_a_datetime_axis": "9e7617a454d83e328aaa3d25c8145a0e",
+    "events_perspective-config-update_event_is_fired_when_series_axis_is_changed": "c07cb12b00fe628aba8751721f8f5498"
 }