Caltech-IPAC
diff --git a/‎src/firefly/html/demo/ffapi-highlevel-charttest.html
Lines changed: 0 additions & 243 deletions b/‎src/firefly/html/demo/ffapi-highlevel-charttest.html
Lines changed: 0 additions & 243 deletions
diff --git a/‎src/firefly/html/test/images/chart_heatmap.png
58.3 KB b/‎src/firefly/html/test/images/chart_heatmap.png
58.3 KB
diff --git a/‎src/firefly/html/test/images/chart_hist.png
34.1 KB b/‎src/firefly/html/test/images/chart_hist.png
34.1 KB
diff --git a/‎src/firefly/html/test/images/chart_multi.png
47.9 KB b/‎src/firefly/html/test/images/chart_multi.png
47.9 KB
diff --git a/‎src/firefly/html/test/images/chart_scatter.png
31 KB b/‎src/firefly/html/test/images/chart_scatter.png
31 KB
diff --git a/‎src/firefly/html/test/images/chart_sed.png
50.9 KB b/‎src/firefly/html/test/images/chart_sed.png
50.9 KB
diff --git a/‎src/firefly/html/test/index.html
Lines changed: 6 additions & 0 deletions b/‎src/firefly/html/test/index.html
Lines changed: 6 additions & 0 deletions
diff --git a/‎src/firefly/html/test/styles.css
Lines changed: 9 additions & 1 deletion b/‎src/firefly/html/test/styles.css
Lines changed: 9 additions & 1 deletion
diff --git a/‎src/firefly/html/test/template_loader.js
Lines changed: 4 additions & 3 deletions b/‎src/firefly/html/test/template_loader.js
Lines changed: 4 additions & 3 deletions
@@ -45,6 +45,9 @@ <h3>Firefly Test</h3>
     <li class="test-item"><a href="tests-viewer.html">Viewer Tests</a>
         <div class="test-desc">This page contains viewer test. Each test will show a new tab with the firefly viewer.</div>
     </li>
+    <li class="test-item"><a href="tests-chart.html">Chart Tests</a>
+        <div class="test-desc">This page tests various charts. </div>
+    </li>
 </ul>
 
 
@@ -129,6 +132,9 @@ <h4>To add a new test page</h4>
 
     <body>
     <!-- include your test template(s) here -->
+
+    <!-- this is where test cases will be attached-->
+    <div id="tst-container"/>
     </body>
     </html>
 
 
@@ -35,6 +35,10 @@
     --tpl-height: 450px;
     height: var(--tpl-height);
 }
+.tpl.xxl {
+    --tpl-height: 550px;
+    height: var(--tpl-height);
+}
 
 .box {
     width: calc(var(--tpl-height) * 1);
@@ -54,6 +58,10 @@
     padding: 0 5px;
 }
 
+ul.expected-list {
+    margin: 2px;
+}
+
 ul.expected-list li{
     list-style-type: circle;
 }
@@ -103,7 +111,7 @@ ul.expected-list li{
 #expected {
     width: 400px;
     white-space: normal;
-    padding-top: 2px;
+    padding: 2px;
 }
 
 .tpl-test-container {
 
@@ -8,18 +8,19 @@
             const expected = c.querySelector('#expected');
             const actual = c.querySelector('#actual');
             const scpt = c.querySelector('script');
-            const title = cnt++ + ' - ' + test.title;
 
-            renderTest(expected, actual, scpt, title, test);
+            renderTest(cnt++, expected, actual, scpt, test);
         });
     };
 
-    function renderTest(expected, actual, script, title, testTmpl) {
+    function renderTest(cnt, expected, actual, script, testTmpl) {
+        const title = cnt + ' - ' + testTmpl.title;
         const iframe = document.createElement('iframe');
         iframe.id = 'iframe';
         iframe.src = './template.html';
         iframe.style.height= '100%';
         const iframeContainer = document.createElement('div');
+        iframeContainer.id = 'test-' + cnt;
         iframeContainer.className = 'tst-iframe-container ' + testTmpl.className;
         iframeContainer.style.cssText = testTmpl.style.cssText;
         iframeContainer.appendChild(iframe);