| <!doctype html> | 
 | <meta charset=utf-8> | 
 | <meta name="timeout" content="long"> | 
 | <title>RTCDataChannel.prototype.send</title> | 
 | <script src="/resources/testharness.js"></script> | 
 | <script src="/resources/testharnessreport.js"></script> | 
 | <script src="RTCPeerConnection-helper.js"></script> | 
 | <script> | 
 |  'use strict'; | 
 |  | 
 |  // Test is based on the following editor draft: | 
 |  // https://w3c.github.io/webrtc-pc/archives/20170605/webrtc.html | 
 |  | 
 |  // The following helper functions are called from RTCPeerConnection-helper.js: | 
 |  // createDataChannelPair | 
 |  // awaitMessage | 
 |  // blobToArrayBuffer | 
 |  // assert_equals_typed_array | 
 |  | 
 |  /* | 
 |  6.2. RTCDataChannel | 
 |  interface RTCDataChannel : EventTarget { | 
 |  ... | 
 |  readonly attribute RTCDataChannelState readyState; | 
 |  readonly attribute unsigned long bufferedAmount; | 
 |  attribute EventHandler onmessage; | 
 |  attribute DOMString binaryType; | 
 |  | 
 |  void send(USVString data); | 
 |  void send(Blob data); | 
 |  void send(ArrayBuffer data); | 
 |  void send(ArrayBufferView data); | 
 |  }; | 
 |  */ | 
 |  | 
 |  // Simple ASCII encoded string | 
 |  const helloString = 'hello'; | 
 |  // ASCII encoded buffer representation of the string | 
 |  const helloBuffer = Uint8Array.of(0x68, 0x65, 0x6c, 0x6c, 0x6f); | 
 |  const helloBlob = new Blob([helloBuffer]); | 
 |  | 
 |  // Unicode string with multiple code units | 
 |  const unicodeString = '世界你好'; | 
 |  // UTF-8 encoded buffer representation of the string | 
 |  const unicodeBuffer = Uint8Array.of( | 
 |  0xe4, 0xb8, 0x96, 0xe7, 0x95, 0x8c, | 
 |  0xe4, 0xbd, 0xa0, 0xe5, 0xa5, 0xbd); | 
 |  | 
 |  /* | 
 |  6.2. send() | 
 |  2. If channel's readyState attribute is connecting, throw an InvalidStateError. | 
 |  */ | 
 |  test(t => { | 
 |  const pc = new RTCPeerConnection(); | 
 |  const channel = pc.createDataChannel('test'); | 
 |  assert_equals(channel.readyState, 'connecting'); | 
 |  assert_throws_dom('InvalidStateError', () => channel.send(helloString)); | 
 |  }, 'Calling send() when data channel is in connecting state should throw InvalidStateError'); | 
 |  | 
 |  /* | 
 |  6.2. send() | 
 |  3. Execute the sub step that corresponds to the type of the methods argument: | 
 |  | 
 |  string object | 
 |  Let data be the object and increase the bufferedAmount attribute | 
 |  by the number of bytes needed to express data as UTF-8. | 
 |  | 
 |  [WebSocket] | 
 |  5. Feedback from the protocol | 
 |  When a WebSocket message has been received | 
 |  4. If type indicates that the data is Text, then initialize event's data | 
 |  attribute to data. | 
 |  */ | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel1.send(helloString); | 
 |  return awaitMessage(channel2) | 
 |  }).then(message => { | 
 |  assert_equals(typeof message, 'string', | 
 |  'Expect message to be a string'); | 
 |  | 
 |  assert_equals(message, helloString); | 
 |  }); | 
 |  }, 'Data channel should be able to send simple string and receive as string'); | 
 |  | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel1.send(unicodeString); | 
 |  return awaitMessage(channel2) | 
 |  }).then(message => { | 
 |  assert_equals(typeof message, 'string', | 
 |  'Expect message to be a string'); | 
 |  | 
 |  assert_equals(message, unicodeString); | 
 |  }); | 
 |  }, 'Data channel should be able to send unicode string and receive as unicode string'); | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel2.binaryType = 'arraybuffer'; | 
 |  channel1.send(helloString); | 
 |  return awaitMessage(channel2); | 
 |  }).then(message => { | 
 |  assert_equals(typeof message, 'string', | 
 |  'Expect message to be a string'); | 
 |  | 
 |  assert_equals(message, helloString); | 
 |  }); | 
 |  }, 'Data channel should ignore binaryType and always receive string message as string'); | 
 |  | 
 |  /* | 
 |  6.2. send() | 
 |  3. Execute the sub step that corresponds to the type of the methods argument: | 
 |  ArrayBufferView object | 
 |  Let data be the data stored in the section of the buffer described | 
 |  by the ArrayBuffer object that the ArrayBufferView object references | 
 |  and increase the bufferedAmount attribute by the length of the | 
 |  ArrayBufferView in bytes. | 
 |  | 
 |  [WebSocket] | 
 |  5. Feedback from the protocol | 
 |  When a WebSocket message has been received | 
 |  4. If binaryType is set to "arraybuffer", then initialize event's data | 
 |  attribute to a new read-only ArrayBuffer object whose contents are data. | 
 |  | 
 |  [WebIDL] | 
 |  4.1. ArrayBufferView | 
 |  typedef (Int8Array or Int16Array or Int32Array or | 
 |  Uint8Array or Uint16Array or Uint32Array or Uint8ClampedArray or | 
 |  Float32Array or Float64Array or DataView) ArrayBufferView; | 
 |  */ | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel2.binaryType = 'arraybuffer'; | 
 |  channel1.send(helloBuffer); | 
 |  return awaitMessage(channel2) | 
 |  }).then(messageBuffer => { | 
 |  assert_true(messageBuffer instanceof ArrayBuffer, | 
 |  'Expect messageBuffer to be an ArrayBuffer'); | 
 |  | 
 |  assert_equals_typed_array(messageBuffer, helloBuffer.buffer); | 
 |  }); | 
 |  }, 'Data channel should be able to send Uint8Array message and receive as ArrayBuffer'); | 
 |  | 
 |  /* | 
 |  6.2. send() | 
 |  3. Execute the sub step that corresponds to the type of the methods argument: | 
 |  ArrayBuffer object | 
 |  Let data be the data stored in the buffer described by the ArrayBuffer | 
 |  object and increase the bufferedAmount attribute by the length of the | 
 |  ArrayBuffer in bytes. | 
 |  */ | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel2.binaryType = 'arraybuffer'; | 
 |  channel1.send(helloBuffer.buffer); | 
 |  return awaitMessage(channel2) | 
 |  }).then(messageBuffer => { | 
 |  assert_true(messageBuffer instanceof ArrayBuffer, | 
 |  'Expect messageBuffer to be an ArrayBuffer'); | 
 |  | 
 |  assert_equals_typed_array(messageBuffer, helloBuffer.buffer); | 
 |  }); | 
 |  }, 'Data channel should be able to send ArrayBuffer message and receive as ArrayBuffer'); | 
 |  | 
 |  /* | 
 |  6.2. send() | 
 |  3. Execute the sub step that corresponds to the type of the methods argument: | 
 |  Blob object | 
 |  Let data be the raw data represented by the Blob object and increase | 
 |  the bufferedAmount attribute by the size of data, in bytes. | 
 |  */ | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel2.binaryType = 'arraybuffer'; | 
 |  channel1.send(helloBlob); | 
 |  return awaitMessage(channel2); | 
 |  }).then(messageBuffer => { | 
 |  assert_true(messageBuffer instanceof ArrayBuffer, | 
 |  'Expect messageBuffer to be an ArrayBuffer'); | 
 |  | 
 |  assert_equals_typed_array(messageBuffer, helloBuffer.buffer); | 
 |  }); | 
 |  }, 'Data channel should be able to send Blob message and receive as ArrayBuffer'); | 
 |  | 
 |  /* | 
 |  [WebSocket] | 
 |  5. Feedback from the protocol | 
 |  When a WebSocket message has been received | 
 |  4. If binaryType is set to "blob", then initialize event's data attribute | 
 |  to a new Blob object that represents data as its raw data. | 
 |  */ | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel2.binaryType = 'blob'; | 
 |  channel1.send(helloBuffer); | 
 |  return awaitMessage(channel2); | 
 |  }) | 
 |  .then(messageBlob => { | 
 |  assert_true(messageBlob instanceof Blob, | 
 |  'Expect received messageBlob to be a Blob'); | 
 |  | 
 |  return blobToArrayBuffer(messageBlob); | 
 |  }).then(messageBuffer => { | 
 |  assert_true(messageBuffer instanceof ArrayBuffer, | 
 |  'Expect messageBuffer to be an ArrayBuffer'); | 
 |  | 
 |  assert_equals_typed_array(messageBuffer, helloBuffer.buffer); | 
 |  }); | 
 |  }, 'Data channel should be able to send ArrayBuffer message and receive as Blob'); | 
 |  | 
 |  /* | 
 |  6.2. RTCDataChannel | 
 |  binaryType | 
 |  The binaryType attribute must, on getting, return the value to which it was | 
 |  last set. On setting, the user agent must set the IDL attribute to the new | 
 |  value. When a RTCDataChannel object is created, the binaryType attribute must | 
 |  be initialized to the string "blob". | 
 |  */ | 
 |  promise_test(t => { | 
 |  return createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  assert_equals(channel2.binaryType, 'blob', | 
 |  'Expect initial binaryType value to be blob'); | 
 |  | 
 |  channel1.send(helloBuffer); | 
 |  return awaitMessage(channel2); | 
 |  }) | 
 |  .then(messageBlob => { | 
 |  assert_true(messageBlob instanceof Blob, | 
 |  'Expect received messageBlob to be a Blob'); | 
 |  | 
 |  return blobToArrayBuffer(messageBlob); | 
 |  }).then(messageBuffer => { | 
 |  assert_true(messageBuffer instanceof ArrayBuffer, | 
 |  'Expect messageBuffer to be an ArrayBuffer'); | 
 |  | 
 |  assert_equals_typed_array(messageBuffer, helloBuffer.buffer); | 
 |  }); | 
 |  }, 'Data channel binaryType should receive message as Blob by default'); | 
 |  | 
 |  // Test sending 3 messages: helloBuffer, unicodeString, helloBlob | 
 |  async_test(t => { | 
 |  const receivedMessages = []; | 
 |  | 
 |  const onMessage = t.step_func(event => { | 
 |  const { data } = event; | 
 |  receivedMessages.push(data); | 
 |  | 
 |  if(receivedMessages.length === 3) { | 
 |  assert_equals_typed_array(receivedMessages[0], helloBuffer.buffer); | 
 |  assert_equals(receivedMessages[1], unicodeString); | 
 |  assert_equals_typed_array(receivedMessages[2], helloBuffer.buffer); | 
 |  | 
 |  t.done(); | 
 |  } | 
 |  }); | 
 |  | 
 |  createDataChannelPair() | 
 |  .then(([channel1, channel2]) => { | 
 |  channel2.binaryType = 'arraybuffer'; | 
 |  channel2.addEventListener('message', onMessage); | 
 |  | 
 |  channel1.send(helloBuffer); | 
 |  channel1.send(unicodeString); | 
 |  channel1.send(helloBlob); | 
 |  | 
 |  }).catch(t.step_func(err => | 
 |  assert_unreached(`Unexpected promise rejection: ${err}`))); | 
 |  }, 'Sending multiple messages with different types should succeed and be received'); | 
 |  | 
 |  /* | 
 |  [Deferred] | 
 |  6.2. RTCDataChannel | 
 |  The send() method is being amended in w3c/webrtc-pc#1209 to throw error instead | 
 |  of closing data channel when buffer is full | 
 |  | 
 |  send() | 
 |  4. If channel's underlying data transport is not established yet, or if the | 
 |  closing procedure has started, then abort these steps. | 
 |  5. Attempt to send data on channel's underlying data transport; if the data | 
 |  cannot be sent, e.g. because it would need to be buffered but the buffer | 
 |  is full, the user agent must abruptly close channel's underlying data | 
 |  transport with an error. | 
 |  | 
 |  test(t => { | 
 |  const pc = new RTCPeerConnection(); | 
 |  const channel = pc.createDataChannel('test'); | 
 |  channel.close(); | 
 |  assert_equals(channel.readyState, 'closing'); | 
 |  channel.send(helloString); | 
 |  }, 'Calling send() when data channel is in closing state should succeed'); | 
 |  */ | 
 |  | 
 | promise_test(async t => { | 
 |  let pc1 = new RTCPeerConnection(); | 
 |  t.add_cleanup(() => pc1.close()); | 
 |  let [channel1, channel2] = await createDataChannelPair(pc1); | 
 |  let message = 'hello888'; // 8 bytes | 
 |  while (message.length <= pc1.sctp.maxMessageSize) { | 
 |  channel1.send(message); | 
 |  let received_message = await awaitMessage(channel2); | 
 |  assert_equals(received_message.length, message.length, "Size mismatch"); | 
 |  // Double size | 
 |  message = message + message; | 
 |  } | 
 |  // "send" method step 4: | 
 |  // If the byte size of "data" exceeds the value of maxMessageSize, throw | 
 |  // a TypeError. | 
 |  assert_throws_dom('TypeError', () => channel1.send(message)); | 
 | }, 'Calling send() up to max size should succeed, above max size should fail'); | 
 | </script> |