chore: show reported browser in rondo

Author: gyoshev

test/e2e/index.html

@@ -36,6 +36,7 @@
         <h1 class="display-4">Rondo Web</h1>
         <p class="lead">Facilitates testing of the Leanplum Web SDK.</p>
         <p>SDK version: <span id="sdkVersion"></span></p>
+        <p>Browser: <span id="browserVersion"></span></p>
       </div>
 
       <div class="session-status">
@@ -302,7 +303,16 @@ <h2 class="card-title">
     <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
-    <script src="leanplum.js"></script>
-    <script src="index.js"></script>
+    <script>
+      (function load(scripts) {
+        const src = scripts.shift();
+        if (!src) return;
+        const s = document.createElement('script');
+        s.src = src + '?' + Date.now();
+        document.body.appendChild(s);
+
+        s.onload = () => load(scripts);
+      })(['leanplum.js', 'index.js']);
+    </script>
   </body>
 </html>

test/e2e/index.ts

@@ -3,6 +3,10 @@ import { RenderOptions } from '../../dist/leanplum'
 
 const isProdKey = (accessKey: string): boolean => /^prod_/.test(accessKey)
 
+const d = (Leanplum as any)._lp._browserDetector;
+const browser = `${d.browser} ${d.version}, running on ${d.OS}`;
+$('#browserVersion').text(browser);
+
 $('[data-action=setup]')
     .submit((e) => {
         e.preventDefault()