Merge pull request #156 from Tyriar/fix_loadtest

Fix loadtest

Author: Tyriar

js/demo.js

@@ -247,20 +247,27 @@ $(function () {
           let count = 1 + Math.floor(Math.random() * 79);
           byteCount += count + 2;
           let data = new Uint8Array(count + 2);
-          for (let i = 0; i < count; i++) {
+          data[0] = 0x0A; // \n
+          for (let i = 1; i < count + 1; i++) {
             data[i] = 0x61 + Math.floor(Math.random() * (0x7A - 0x61));
           }
-          data[i++] = 0xA; // \n
-          data[i  ] = 0xD; // \r
+          // End each line with \r so the cursor remains constant, this is what ls/tree do and improves
+          // performance significantly due to the cursor DOM element not needing to change
+          data[data.length - 1] = 0x0D; // \r
           testData.push(data);
         }
         for (let i = 0; i < 1024; i++) {
           for (const d of testData) {
             term.write(d);
           }
         }
-        term.write(`\r\nWrote ${byteCount}kB in ${Math.round((performance.now() - start) * 1000)}ms (${isWebglEnabled ? 'webgl' : 'canvas'} renderer)`);
-        term.prompt();
+        // Wait for all data to be parsed before evaluating time
+        term.write('', () => {
+          let time = Math.round(performance.now() - start);
+          let mbs = ((byteCount / 1024) * (1 / (time / 1000))).toFixed(2);
+          term.write(`\n\r\nWrote ${byteCount}kB in ${time}ms (${mbs}MB/s) using the (${isWebglEnabled ? 'webgl' : 'canvas'} renderer)`);
+          term.prompt();
+        });
       },
       description: 'Simulate a lot of data coming from a process'
     }