[chore:fix] Fixed custom attribute example + test #413

Fixes #413

Author: cestercian

public/example_templates/netjsongraph-elementsLegend.html

@@ -7,11 +7,11 @@
   <link href="../lib/css/netjsongraph-theme.css" rel="stylesheet" />
   <link href="../lib/css/netjsongraph.css" rel="stylesheet" />
   <style>
-    #container {
+    html, body {
       width: 100%;
       height: 100%;
-      overflow: hidden;
-      overflow-y: scroll;
+      margin: 0;
+      padding: 0;
     }
 
     #legend h4 {
@@ -217,4 +217,4 @@ <h4>Legends</h4>
     graph.render();
   </script>
 </body>
-</html>
+</html>

test/browser.test.utils.js

@@ -34,6 +34,7 @@ export const urls = {
   basicUsage: `${url}/examples/netjsongraph.html`,
   geographicMap: `${url}/examples/netjsonmap.html`,
   indoorMap: `${url}/examples/netjsonmap-indoormap.html`,
+  customAttributes: `${url}/examples/netjsongraph-elementsLegend.html`,
 };
 
 export const getElementByCss = async (driver, css, waitTime = 1000) => {

test/netjsongraph.browser.test.js

@@ -92,4 +92,24 @@ describe("Chart Rendering Test", () => {
     expect(nodesRendered).toBe(nodesPresent);
     expect(linksRendered).toBe(linksPresent);
   });
+
+  test("render custom attributes example without errors", async () => {
+    driver.get(urls.customAttributes);
+    const canvas = await getElementByCss(driver, "canvas", 2000);
+    const consoleErrors = await captureConsoleErrors(driver);
+    const {nodesRendered, linksRendered} = await getRenderedNodesAndLinksCount(driver);
+    printConsoleErrors(consoleErrors);
+    expect(consoleErrors.length).toBe(0);
+    expect(canvas).not.toBeNull();
+    const canvasHeight = await driver.executeScript(
+      "return graph.echarts.getRenderedCanvas().height",
+    );
+    const windowHeight = await driver.executeScript("return window.innerHeight");
+    expect(canvasHeight).not.toBe(0);
+    expect(canvasHeight).toBe(windowHeight);
+    const nodesCount = await driver.executeScript("return graph.data.nodes.length");
+    const linksCount = await driver.executeScript("return graph.data.links.length");
+    expect(nodesCount).toBe(6);
+    expect(linksCount).toBe(7);
+  });
 });