1 files changed, 58 insertions, 0 deletions
diff --git a/testing/web-platform/tests/remote-playback/event-handlers-manual.html b/testing/web-platform/tests/remote-playback/event-handlers-manual.html
new file mode 100644
index 0000000000..49252ec738
--- /dev/null
+++ b/testing/web-platform/tests/remote-playback/event-handlers-manual.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <title>
+    Test that all event handlers are called when a remote playback device is connected
+  </title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/common/media.js"></script>
+  <script>
+    setup({ explicit_timeout: true });
+  </script>
+  <body>
+    <div id="prep">
+      <p>Please make sure a device for remote playback is <b>available.</b></p>
+      <button id="prompt-button-prep">Show devices</button>
+      <button id="start-button">Start test</button>
+    </div>
+    <div id="pick-device" style="display: none">
+      <p>
+        Click the button below to prompt for a remote playback device and select
+        one! After connecting to the device, please click again and disconnect
+        from device.
+      </p>
+      <button id="prompt-button">Pick device</button>
+      <button id="disconnect-button" style="display: none">
+        Disconnect device
+      </button>
+    </div>
+  </body>
+  <script src="./prepare-device.js"></script>
+  <script>
+    let v = document.createElement("video");
+    v.src = getVideoURI("/media/movie_5");
+
+    async_test(t => {
+      let promptButton = document.getElementById("prompt-button");
+      let disconnectButton = document.getElementById("disconnect-button");
+
+      const w = new EventWatcher(t, v.remote, ['connecting', 'connect', 'disconnect']);
+      w.wait_for(['connecting', 'connect', 'disconnect']).then(t.step_func_done());
+
+      promptButton.onclick = () => {
+        promise_test(() => {
+          return v.remote.prompt().then(() => {
+            promptButton.style.display = "none";
+            disconnectButton.style.display = "inline";
+          });
+        }, "Prompt to connect to the device");
+      };
+
+      disconnectButton.onclick = () => {
+        promise_test(() => {
+          return v.remote.prompt()
+        }, "Prompt to disconnect from the device")
+      };
+    }, "Test that all event handlers are called when a remote playback device is connected.");
+  </script>
+</html>