From 0cef9d6e0cd1ac5c9900c5ce4d4871e6d6d486cf Mon Sep 17 00:00:00 2001
From: Rodrigo Vilar <rvilarl@gmail.com>
Date: Sun, 4 Jun 2023 20:12:09 +0200
Subject: [PATCH] fix test scroll

---
 tests/flow-headless-browser.html |  2 +-
 tests/flow.html                  | 20 +++++++++-----------
 tests/vexflow_test_helpers.ts    |  2 +-
 tools/generate_images_pptr.js    |  2 +-
 tools/generate_png_images.js     |  2 +-
 5 files changed, 13 insertions(+), 15 deletions(-)
diff --git a/tests/flow-headless-browser.html b/tests/flow-headless-browser.html
index c16c9483e1..4f47516a45 100644
--- 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
index f3434d3bf9..2ea3e9c3d2 100644
--- 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
index 4689909d8e..8cfbbd501d 100644
--- 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
index 53276094a1..907628dbe7 100644
--- 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
index 5d69e42327..4300f2aa4d 100755
--- 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;
 
