third_party/WebKit/LayoutTests/http/tests/websocket/receive-blob.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="/js-test-resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <div id="description"></div>
   8 <div id="console"></div>
   9 <script>
  10 description("WebSocket: Receive Blobs.");
  11
  12 window.jsTestIsAsync = true;
  13
  14 function createArrayBufferContainingHelloWorld()
  15 {
  16     var hello = "Hello, world!";
  17     var array = new Uint8Array(hello.length);
  18     for (var i = 0; i < hello.length; ++i)
  19         array[i] = hello.charCodeAt(i);
  20     return array.buffer;
  21 }
  22
  23 function createEmptyArrayBuffer()
  24 {
  25     return new ArrayBuffer(0);
  26 }
  27
  28 function createArrayBufferContainingAllDistinctBytes()
  29 {
  30     var array = new Uint8Array(256);
  31     for (var i = 0; i < 256; ++i)
  32         array[i] = i;
  33     return array.buffer;
  34 }
  35
  36 var ws = new WebSocket("ws://127.0.0.1:8880/binary-frames");
  37 shouldBeEqualToString("ws.binaryType", "blob");
  38
  39 var closeEvent;
  40 var receivedMessages = [];
  41 var expectedValues = [createArrayBufferContainingHelloWorld(), createEmptyArrayBuffer(), createArrayBufferContainingAllDistinctBytes()];
  42
  43 ws.onmessage = function(event)
  44 {
  45     receivedMessages.push(event.data);
  46 };
  47
  48 ws.onclose = function(event)
  49 {
  50     closeEvent = event;
  51
  52     shouldEvaluateTo("receivedMessages.length", expectedValues.length);
  53     check(0);
  54 };
  55
  56 var responseType;
  57
  58 function check(index)
  59 {
  60     if (index == expectedValues.length) {
  61         finishJSTest();
  62         return;
  63     }
  64
  65     debug("Checking message #" + index + ".");
  66     responseType = '' + receivedMessages[index];
  67     shouldBeEqualToString("responseType", "[object Blob]");
  68     var reader = new FileReader();
  69     reader.readAsArrayBuffer(receivedMessages[index]);
  70     reader.onload = function(event)
  71     {
  72         checkArrayBuffer(index, reader.result, expectedValues[index]);
  73         check(index + 1);
  74     };
  75     reader.onerror = function(event)
  76     {
  77         testFailed("Failed to read blob: error code = " + reader.error.code);
  78         check(index + 1);
  79     };
  80 }
  81
  82 var actualArray;
  83 var expectedArray;
  84
  85 function checkArrayBuffer(testIndex, actual, expected)
  86 {
  87     actualArray = new Uint8Array(actual);
  88     expectedArray = new Uint8Array(expected);
  89     shouldEvaluateTo("actualArray.length", expectedArray.length);
  90     // Print only the first mismatched byte in order not to flood console.
  91     for (var i = 0; i < expectedArray.length; ++i) {
  92         if (actualArray[i] != expectedArray[i]) {
  93             testFailed("Value mismatch: actualArray[" + i + "] = " + actualArray[i] + ", expectedArray[" + i + "] = " + expectedArray[i]);
  94             return;
  95         }
  96     }
  97     testPassed("Passed: Message #" + testIndex + ".");
  98 }
  99
 100 </script>
 101 </body>
 102 </html>