1 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/presentation-api/receiving-ua/PresentationConnection_onmessage-manual.https.html b/testing/web-platform/tests/presentation-api/receiving-ua/PresentationConnection_onmessage-manual.https.html
new file mode 100644
index 0000000000..53451a6cef
--- /dev/null
+++ b/testing/web-platform/tests/presentation-api/receiving-ua/PresentationConnection_onmessage-manual.https.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Receiving a message through PresentationConnection</title>
+<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs/">
+<link rel="help" href="http://w3c.github.io/presentation-api/#receiving-a-message-through-presentationconnection">
+<script src="common.js"></script>
+<script src="support/stash.js"></script>
+
+<p>Click the button below and select the available presentation display, to start the manual test.</p>
+<button id="presentBtn">Start Presentation Test</button>
+
+<script>
+  const message1 = '1st';
+  const message2 = '2nd';
+  const message3 = new Uint8Array([51, 114, 100]);      // "3rd"
+  const message4 = new Uint8Array([52, 116, 104]);      // "4th"
+  const message5 = new Uint8Array([108, 97, 115, 116]); // "last"
+
+  let connection;
+  const presentBtn = document.getElementById('presentBtn');
+  presentBtn.onclick = () => {
+    presentBtn.disabled = true;
+    const stash = new Stash(stashIds.toController, stashIds.toReceiver);
+    const request = new PresentationRequest('support/PresentationConnection_onmessage_receiving-ua.html');
+
+    request.start().then(c => {
+      c.onconnect = () => {
+        connection = c;
+        connection.send(message1);              // string
+        connection.send(message2);              // string
+        connection.send(new Blob([message3]));  // Blob
+        connection.send(message4.buffer);       // ArrayBuffer
+        connection.send(message5);              // ArrayBufferView
+        return stash.receive().then(data => {
+          const result = JSON.parse(data);
+          if (result.type === 'blob') {
+            connection.send(message5);
+            return stash.receive();
+          }
+          else
+            return data;
+        }).then(result => {
+          const json = JSON.parse(result);
+
+          // notify receiver's results of a parent window (e.g. test runner)
+          if (window.opener && 'completion_callback' in window.opener) {
+            window.opener.completion_callback(json.tests, json.status);
+          }
+          // display receiver's results as HTML
+          const log = document.createElement('div');
+          log.id = 'log';
+          log.innerHTML = json.log;
+          document.body.appendChild(log);
+
+          connection.onconnect = () => { connection.terminate(); };
+          if (connection.state === 'closed')
+            request.reconnect(connection.id);
+          else
+            connection.terminate();
+        });
+      };
+    });
+  };
+</script>