fix test scroll

0xfe · Jun 4, 2023 · 0cef9d6 · 0cef9d6
1 parent 1c65555
commit 0cef9d6
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 15 deletions.
diff --git a/tests/flow-headless-browser.html b/tests/flow-headless-browser.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
   </head>
   <body>
-    <div id="vexflow_testoutput"></div>
+    <div id="qunit-tests"></div>
     <script src="../node_modules/qunit/qunit/qunit.js"></script>
     <script src="../build/cjs/vexflow-debug-with-tests.js"></script>
     <script>

diff --git a/tests/flow.html b/tests/flow.html
@@ -14,20 +14,18 @@
     <meta charset="UTF-8" />
   </head>
   <body>
-    <div style="text-align: center; margin-top: 180px">
-      <h2>[ <a href="https://vexflow.com">Home</a> ] [ <a href="https://github.com/0xfe/vexflow">GitHub</a> ]</h2>
-      <h3>
-        Please wait a moment while the tests run....<br /><br />
-        See the: <a id="vex-src" target="_blank"></a>. Don't forget to run the
-        <a href="https://github.com/0xfe/vexflow/wiki/Visual-Regression-Tests">Visual Regression Tests</a>!
-      </h3>
-    </div>
     <div style="text-align: center">
       <div id="qunit"></div>
       <div id="qunit-fixture"></div>
-      <div id="vexflow_testoutput"></div>
-    </div>
-    <div style="text-align: center">
+      <div>
+        <h2>[ <a href="https://vexflow.com">Home</a> ] [ <a href="https://github.com/0xfe/vexflow">GitHub</a> ]</h2>
+        <h3>
+          See the: <a id="vex-src" target="_blank"></a>. Don't forget to run the
+          <a href="https://github.com/0xfe/vexflow/wiki/Visual-Regression-Tests">Visual Regression Tests</a>!
+        </h3>
+      </div>
+      <p>&nbsp;</p>
+      <p>&nbsp;</p>
       <p class="vf-footer">
         [ <a href="https://vexflow.com">Home</a> ] [ <a href="https://github.com/0xfe/vexflow">GitHub</a> ] [
         <a href="https://muthanna.com/">0xfe</a> ]

diff --git a/tests/vexflow_test_helpers.ts b/tests/vexflow_test_helpers.ts
@@ -243,7 +243,7 @@ export class VexFlowTests {
     const title = $('<div/>').addClass('name').attr('id', titleId).html(anchorTestTitle).get(0);
     const vexOutput = $(`<${tagName}/>`).addClass('vex-tabdiv').attr('id', elementId).get(0);
     const container = $('<div/>').addClass('testcanvas').append(title, vexOutput).get(0);
-    $('#vexflow_testoutput').append(container);
+    $('#qunit-tests').append(container);
     return vexOutput;
   }
 

diff --git a/tools/generate_images_pptr.js b/tools/generate_images_pptr.js
@@ -125,7 +125,7 @@ const launchTestPage = async (jobs, job) => {
   });
 
   const genImages = async () => {
-    const elmDefs = await page.$$eval('#vexflow_testoutput .testcanvas', (elms) => {
+    const elmDefs = await page.$$eval('#qunit-tests .testcanvas', (elms) => {
       window.VF_TEST_GLOBAL = {};
       const { VF_TEST_GLOBAL } = window;
       const ret = [];

diff --git a/tools/generate_png_images.js b/tools/generate_png_images.js
@@ -8,7 +8,7 @@ const { JSDOM } = require('jsdom');
 const fs = require('fs');
 const path = require('path');
 
-const dom = new JSDOM(`<!DOCTYPE html><body><div id="vexflow_testoutput"></div></body>`);
+const dom = new JSDOM(`<!DOCTYPE html><body><div id="qunit-tests"></div></body>`);
 global.window = dom.window;
 global.document = dom.window.document;