summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/presentation-api/receiving-ua/PresentationConnectionList_onconnectionavailable-manual.https.html
blob: 9b75a85e9f699481f83a07699c56a6ee0a9d5b8f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<meta charset="utf-8">
<title>Monitoring incoming presentation connections</title>
<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs">
<link rel="help" href="https://w3c.github.io/presentation-api/#monitoring-incoming-presentation-connections">
<script src="common.js"></script>
<script src="support/stash.js"></script>
<style>
iframe { display: none; }
</style>

<p>Click the button below and select the available presentation display, to start the manual test.</p>
<button id="presentBtn" disabled>Start Presentation Test</button>
<iframe id="childFrame" sandbox="allow-scripts allow-presentation" src="support/iframe.html"></iframe>

<script>
  let connection;
  const presentBtn = document.getElementById('presentBtn');
  const child = document.getElementById('childFrame');

  child.onload = () => { presentBtn.disabled = false; };

  presentBtn.onclick = () => {
    presentBtn.disabled = true;
    const stash = new Stash(stashIds.toController, stashIds.toReceiver);
    const request = new PresentationRequest('support/PresentationConnectionList_onconnectionavailable_receiving-ua.html');

    return request.start().then(c => {
      connection = c;
      return stash.init();
    }).then(() => {
      return stash.receive();
    }).then(data => {
      const result = JSON.parse(data);
      if (result.type === 'ok') {
        connection.close();
        return stash.receive();
      }
      else
        return data;
    }).then(data => {
      const result = JSON.parse(data);
      if (result.type === 'ok') {
        request.reconnect(connection.id);
        return stash.receive();
      }
      else
        return data;
    }).then(data => {
      const result = JSON.parse(data);
      if (result.type === 'ok') {
        child.contentWindow.postMessage({ type: 'connect', id: connection.id, url: connection.url }, '*');
        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>