<!DOCTYPE html>
<meta charset="utf-8">
<title>Firing a connectionavailable event at a controlling user agent</title>
<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs">
<link rel="help" href="https://w3c.github.io/presentation-api/#starting-a-presentation">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="common.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>
    // disable the timeout function for the tests
    setup({explicit_timeout: true});

    // ----------
    // DOM Object
    // ----------
    const presentBtn = document.getElementById('presentBtn');

    // --------------------------------------------------------------------------
    // Start New PresentationRequest.onconnectionavailable Test (success) - begin
    // --------------------------------------------------------------------------
    promise_test(t => {
        const clickWatcher = new EventWatcher(t, presentBtn, 'click');
        const request = new PresentationRequest(presentationUrls);
        let connection;

        t.add_cleanup(() => {
            if (connection) {
                connection.onconnect = () => { connection.terminate(); };
                if (connection.state === 'closed')
                    request.reconnect(connection.id);
                else
                    connection.terminate();
            }
        });

        const watchEvent = (obj, watcher, type) => {
            const watchHandler = new Promise(resolve => {
                obj['on' + type] = evt => { resolve(evt); };
            });
            return Promise.all([ watchHandler, watcher.wait_for(type) ]).then(results => {
                assert_equals(results[0], results[1], 'Both on' + type + ' and addEventListener pass the same event object.');
                return results[0];
            });
        };

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

            // Note: During starting a presentation, the connectionavailable event is fired (step 9)
            //       after the promise P is resolved (step 8).
            return request.start();
        }).then(c => {
            connection = c;
            assert_equals(connection.state, 'connecting', 'The initial state of the presentation connection is "connecting".');
            assert_true(!!connection.id, 'The connection ID is set.');
            assert_true(typeof connection.id === 'string', 'The connection ID is a string.');
            assert_true(connection instanceof PresentationConnection, 'The connection is an instance of PresentationConnection.');

            const eventWatcher = new EventWatcher(t, request, 'connectionavailable');
            const timeout = new Promise((_, reject) => {
                // This test fails if request.onconnectionavailable is not invoked although the presentation is started successfully
                // or the presentation fails to be started.
                t.step_timeout(() => { reject('The connectionavailable event was not fired (timeout).'); }, 5000);}
            );
            return Promise.race([ watchEvent(request, eventWatcher, 'connectionavailable'), timeout ]);
        }).then(evt => {
            assert_true(evt instanceof PresentationConnectionAvailableEvent, 'An event using PresentationConnectionAvailableEvent is fired.');
            assert_true(evt.isTrusted, 'The event is a trusted event.');
            assert_false(evt.bubbles, 'The event does not bubbles.');
            assert_false(evt.cancelable, 'The event is not cancelable.');
            assert_equals(evt.type, 'connectionavailable', 'The event name is "connectionavailable".');
            assert_equals(evt.target, request, 'event.target is the presentation request.');
            assert_true(evt.connection instanceof PresentationConnection, 'event.connection is a presentation connection.');
            assert_equals(evt.connection, connection, 'event.connection is set to the presentation which the promise is resolved with.');
        });
    });
    // ------------------------------------------------------------------------
    // Start New PresentationRequest.onconnectionavailable Test (success) - end
    // ------------------------------------------------------------------------
</script>