audiocontext-sinkid-state-change.https.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 2 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /webaudio/the-audio-api/the-audiocontext-interface/audiocontext-sinkid-state-change.https.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<head>

<title>Test AudioContext.setSinkId() state change</title>

</head>

<script src=/resources/testharness.js></script>

<script src=/resources/testharnessreport.js></script>

<script>

"use strict";

let outputDeviceList = null;

let firstDeviceId = null;

// Setup: Get permission via getUserMedia() and a list of audio output devices.

promise_setup(async t => {

  await navigator.mediaDevices.getUserMedia({ audio: true });

  const deviceList = await navigator.mediaDevices.enumerateDevices();

  outputDeviceList =

      deviceList.filter(({kind}) => kind === 'audiooutput');

  assert_greater_than(outputDeviceList.length, 1,

                      'the system must have more than 1 device.');

  firstDeviceId = outputDeviceList[1].deviceId;

}, 'Get permission via getUserMedia() and a list of audio output devices.');

// Test the sink change when from a suspended context.

promise_test(async t => {

  let events = [];

  const audioContext = new AudioContext();

  await audioContext.suspend();

  // Step 6. Set wasRunning to false if the [[rendering thread state]] on the

  // AudioContext is "suspended".

  assert_equals(audioContext.state, 'suspended');

  // Step 11.5. Fire an event named sinkchange at the associated AudioContext.

  audioContext.onsinkchange = t.step_func(() => {

    events.push('sinkchange');

    assert_equals(audioContext.sinkId, firstDeviceId);

});

  await audioContext.setSinkId(firstDeviceId);

  assert_equals(events[0], 'sinkchange');

  t.done();

}, 'Calling setSinkId() on a suspended AudioContext should fire only sink ' +

   'change events.');

// Test the sink change on a running AudioContext.

promise_test(async t => {

  let events = [];

  let silentSinkOption = {type: 'none'};

  const audioContext = new AudioContext();

  // Make sure the context is "running". This also will fire a state change

  // event upon resolution.

  await audioContext.resume();

  return new Promise(async resolve => {

    function eventCheckpoint() {

      // We're expecting 4 events from AudioContext.

      if (events.length === 4) {

        // The initial context state was "running".

        assert_equals(events[0], 'statechange:running');

        assert_equals(events[1], 'statechange:suspended');

        assert_equals(events[2], 'sinkchange');

        assert_equals(events[3], 'statechange:running');

        resolve();

    // This is to catch a sink change event:

    // - Step 11.5. Fire an event named sinkchange at the associated

    //   AudioContext.

    audioContext.onsinkchange = t.step_func(() => {

      assert_equals(audioContext.sinkId.type, silentSinkOption.type);

      events.push('sinkchange');

      eventCheckpoint();

});

    // The following event handler will catch 3 state change events:

    // - The initial 'running' state change.

    // - Step 9.2.1. Set the state attribute of the AudioContext to "suspended".

    //   Fire an event named statechange at the associated AudioContext.

    // - Step 12.2. Set the state attribute of the AudioContext to "running".

    //   Fire an event named statechange at the associated AudioContext.

    audioContext.onstatechange = async () => {

      events.push(`statechange:${audioContext.state}`);

      eventCheckpoint();

};

    // To trigger a series of state changes, we need a device change. The

    // context started with the default device, and this call changes it to a

    // silent sink.

    audioContext.setSinkId(silentSinkOption);

});

}, 'Calling setSinkId() on a running AudioContext should fire both state ' +

   'and sink change events.');

</script>

</html>