diff options
| author | Pierre Ossman <ossman@cendio.se> | 2019-07-03 15:55:46 +0200 |
|---|---|---|
| committer | Pierre Ossman <ossman@cendio.se> | 2019-07-03 15:56:25 +0200 |
| commit | 60acf3cd3cedbaf20671d2e2decf6117acb64faf (patch) | |
| tree | f62e97f715cc9b500a31144c9f9c9ec517a3a7c9 /tests/plain_echo.html | |
| parent | b46fab5608c9199f5336ed3a851e59b084dde842 (diff) | |
| download | websockify-60acf3cd3cedbaf20671d2e2decf6117acb64faf.tar.gz | |
Use direct javascript in test files
Avoid relying on our own modules as we are about to split things up.
Diffstat (limited to 'tests/plain_echo.html')
| -rw-r--r-- | tests/plain_echo.html | 59 |
1 files changed, 27 insertions, 32 deletions
diff --git a/tests/plain_echo.html b/tests/plain_echo.html index 6d9a560..be35e54 100644 --- a/tests/plain_echo.html +++ b/tests/plain_echo.html @@ -2,15 +2,6 @@ <head> <title>WebSockets Echo Test</title> - <script src="include/util.js"></script> - <script src="include/webutil.js"></script> - <!-- Uncomment to activate firebug lite --> - <!-- - <script type='text/javascript' - src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> - --> - - </head> <body> @@ -35,7 +26,7 @@ function message(str) { console.log(str); - cell = $D('messages'); + cell = document.getElementById('messages'); cell.innerHTML += msg_cnt + ": " + str + "\n"; cell.scrollTop = cell.scrollHeight; msg_cnt++; @@ -54,15 +45,16 @@ return; } var str = "Message #" + send_cnt, arr = []; - ws.send(str); + var encoder = new TextEncoder(); + ws.send(encoder.encode(str)); message("Sent message: '" + str + "'"); send_cnt++; } function update_stats() { - $D('sent').innerHTML = sent; - $D('received').innerHTML = received; - $D('errors').innerHTML = errors; + document.getElementById('sent').innerHTML = sent; + document.getElementById('received').innerHTML = received; + document.getElementById('errors').innerHTML = errors; } function init_ws() { @@ -71,8 +63,8 @@ } function connect() { - var host = $D('host').value, - port = $D('port').value, + var host = document.getElementById('host').value, + port = document.getElementById('port').value, scheme = "ws://", uri; console.log(">> connect"); @@ -85,42 +77,45 @@ ws.close(); } - if ($D('encrypt').checked) { + if (document.getElementById('encrypt').checked) { scheme = "wss://"; } uri = scheme + host + ":" + port; message("connecting to " + uri); ws = new WebSocket(uri); + ws.binaryType = 'arraybuffer'; - ws.onmessage = function(e) { + ws.addEventListener('message', function(e) { //console.log(">> WebSockets.onmessage"); - message("Received message '" + e.data + "'"); + var decoder = new TextDecoder('UTF-8'); + var str = decoder.decode(e.data); + message("Received message '" + str + "'"); //console.log("<< WebSockets.onmessage"); - }; - ws.onopen = function(e) { + }); + ws.addEventListener('open', function(e) { console.log(">> WebSockets.onopen"); echo_ref = setInterval(send_msg, echoDelay); console.log("<< WebSockets.onopen"); - }; - ws.onclose = function(e) { + }); + ws.addEventListener('close', function(e) { console.log(">> WebSockets.onclose"); if (echo_ref) { clearInterval(echo_ref); echo_ref = null; } console.log("<< WebSockets.onclose"); - }; - ws.onerror = function(e) { + }); + ws.addEventListener('error', function(e) { console.log(">> WebSockets.onerror"); if (echo_ref) { clearInterval(echo_ref); echo_ref = null; } console.log("<< WebSockets.onerror"); - }; + }); - $D('connectButton').value = "Stop"; - $D('connectButton').onclick = disconnect; + document.getElementById('connectButton').value = "Stop"; + document.getElementById('connectButton').onclick = disconnect; console.log("<< connect"); } @@ -134,16 +129,16 @@ clearInterval(echo_ref); } - $D('connectButton').value = "Start"; - $D('connectButton').onclick = connect; + document.getElementById('connectButton').value = "Start"; + document.getElementById('connectButton').onclick = connect; console.log("<< disconnect"); } window.onload = function() { console.log("onload"); var url = document.location.href; - $D('host').value = (url.match(/host=([^&#]*)/) || ['',''])[1]; - $D('port').value = (url.match(/port=([^&#]*)/) || ['',''])[1]; + document.getElementById('host').value = (url.match(/host=([^&#]*)/) || ['',window.location.hostname])[1]; + document.getElementById('port').value = (url.match(/port=([^&#]*)/) || ['',window.location.port])[1]; } </script> |