presentation-api/controlling-ua/PresentationConnection_send-manual.https.html

<!DOCTYPE html>

<meta charset="utf-8">
<title>Sending 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/#sending-a-message-through-presentationconnection">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="common.js"></script>
<script src="support/stash.js"></script>

<p id="notice">
  Click the button below and select the available presentation display, to start the manual test. The test passes if a "PASS" result appears.<br>
  <button id="presentBtn">Start Presentation Test</button>
</p>

<script>
    setup({explicit_timeout: true});

    const presentBtn = document.getElementById('presentBtn');

    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"

    const toUint8Array = buf => {
        return buf instanceof ArrayBuffer ? new Uint8Array(buf) : buf;
    }

    // convert ArrayBuffer or Uint8Array into string
    const toText = buf => {
        const arr = toUint8Array(buf);
        return !buf ? null : arr.reduce((result, item) => {
            return result + String.fromCharCode(item);
        }, '');
    }

    promise_test(t => {
        const clickWatcher = new EventWatcher(t, presentBtn, 'click');
        const stash = new Stash(stashIds.toController, stashIds.toReceiver);
        const request = new PresentationRequest(presentationUrls);
        let connection, watcher;

        t.add_cleanup(() => {
            if (connection) {
                connection.onconnect = () => { connection.terminate(); };
                if (connection.state === 'closed')
                    request.reconnect(connection.id);
                else
                    connection.terminate();
            }
            const notice = document.getElementById('notice');
            notice.parentNode.removeChild(notice);
            stash.stop();
        });

        return clickWatcher.wait_for('click').then(() => {
            presentBtn.disabled = true;

            return request.start();
        }).then(c => {
            connection = c;

            // send data in "connecting" state (throws an exception)
            assert_equals(connection.state, 'connecting', 'the initial state of the presentation connection is "connecting"');
            assert_throws_dom('InvalidStateError', () => {
                connection.send('');
            }, 'an InvalidStateError is thrown if the state is "connecting"');

            // enable timeout again, cause no user action is needed from here.
            t.step_timeout(() => {
                t.force_timeout();
                t.done();
            }, 10000);

            watcher = new EventWatcher(t, connection, ['connect', 'close', 'terminate']);
            return watcher.wait_for('connect');
        }).then(() => {
            return stash.init();
        }).then(() => {
            return Promise.all([ stash.send('send'), stash.receive() ]);
        }).then(results => {
            // send messages
            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(stash => {
            // verify messages
            const results = JSON.parse(stash);
            assert_true(!!results[0] && results[0].type === 'text'   && results[0].data === message1,          'send a string correctly');
            assert_true(!!results[1] && results[1].type === 'text'   && results[1].data === message2,          'send a string correctly');
            assert_true(!!results[2] && results[2].type === 'binary' && results[2].data === toText(message3), 'send a Blob correctly');
            assert_true(!!results[3] && results[3].type === 'binary' && results[3].data === toText(message4), 'send a ArrayBuffer correctly');
            assert_true(!!results[4] && results[4].type === 'binary' && results[4].data === toText(message5), 'send a ArrayBufferView correctly');

            // send data in "closed" state (throws an exception)
            connection.close();
            return watcher.wait_for('close');
        }).then(() => {
            assert_equals(connection.state, 'closed', 'the state is set to "closed" when the presentation connection is closed');
            assert_throws_dom('InvalidStateError', () => {
                connection.send('');
            }, 'an InvalidStateError is thrown if the state is "closed"');

            // reconnect and terminate the connection
            return request.reconnect(connection.id);
        }).then(() => {
            return watcher.wait_for('connect');
        }).then(() => {
            // send data in "terminated" state (throws an exception)
            connection.terminate();
            return watcher.wait_for('terminate');
        }).then(() => {
            assert_equals(connection.state, 'terminated', 'the state is set to "terminated" when the presentation connection is terminated');
            assert_throws_dom('InvalidStateError', () => {
                connection.send('');
            }, 'an InvalidStateError is thrown if the state is "terminated"');
        });
    });
</script>