Update JS test

Author: sz3

web/test/test_base.js

@@ -67,6 +67,18 @@ QUnit.test("stable decode", async function (assert) {
 
   pro0.remove();
 
+  // test mode autodetect
+  const navcont = await wait_for(assert, () => {
+    return document.querySelector('#nav-container');
+  });
+  assert.equal("mode-b", navcont.classList.toString());
+
+  const modebutton = await wait_for(assert, () => {
+    return document.querySelector('#mode-val');
+  });
+  assert.equal("B", modebutton.textContent);
+
+  // next frame
   await load_image(1);
   Recv.on_frame(0, '');
 

web/test_recv.html

@@ -16,12 +16,19 @@
     <div id="crosshair1" class="crosshairs"></div>
     <div id="crosshair2" class="crosshairs"></div>
   </div>
+
+  <div id="nav-container" class="mode-auto">
+    <a id="mode-val">?</a>
+  </div>
+
   <div class="statusbox" id="errorbox">hi</div>
   <div class="statusbox" id="t0">hi</div>
   <div class="statusbox" id="t1">hi</div>
+  <div class="statusbox" id="t2">hi</div>
+  <div class="statusbox" id="t3">hi</div>
+  <div class="statusbox" id="framesInFlight"></div>
   <div class="statusbox" id="tdec">hi</div>
 
-
   <script src="recv.js"></script>
   <script src="zstd.js"></script>