demo: restore tests of enableLevelOfDetail (#146)

* demo: restore tests of enableLevelOfDetail * demo: Allow to disable/enable levelofdetail for demo tests; currently the dynamic css interferes with the other nads in the page, so allow to reload the page with or without it so that we can still test it Signed-off-by: HARPER Jon <[email protected]>
powsybl · Jan 15, 2025 · 83abdf6 · 83abdf6
1 parent a85f70d
commit 83abdf6
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/demo/src/diagram-viewers/add-diagrams.ts b/demo/src/diagram-viewers/add-diagrams.ts
@@ -253,6 +253,9 @@ export const addNadToDemo = () => {
                 .setAttribute('style', 'border:2px; border-style:solid;');
         });
 
+    const enableLevelOfDetail: boolean =
+        new URLSearchParams(window.location.search).get('enableLevelOfDetail') === 'true';
+
     fetch(NadSvgPartialNetworkExample)
         .then((response) => response.text())
         .then((svgContent) => {
@@ -268,15 +271,21 @@ export const addNadToDemo = () => {
                 handleTextNodeMove,
                 handleNodeSelect,
                 true,
-                false,
+                enableLevelOfDetail,
                 null,
                 handleToggleNadHover
             );
 
-            document
-                .getElementById('svg-container-nad-partial-network')
+            const svgContainerNadPartialNetwork = document.getElementById('svg-container-nad-partial-network');
+
+            svgContainerNadPartialNetwork
                 ?.getElementsByTagName('svg')[0]
                 .setAttribute('style', 'border:2px; border-style:solid;');
+
+            svgContainerNadPartialNetwork.insertAdjacentHTML(
+                'afterbegin',
+                `<p>enableLevelOfDetail=${enableLevelOfDetail}, <a href=".?enableLevelOfDetail=${!enableLevelOfDetail}">reload toggle enableLevelOfDetail</a></p>`
+            );
         });
 };