test_midi_device_enumeration.html

Enable keyboard shortcuts

<html>

  <head>

    <title>WebMIDI Listener Test</title>

    <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>

    <script src="/tests/SimpleTest/SimpleTest.js"></script>

    <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />

    <script type="application/javascript" src="MIDITestUtils.js"></script>

  </head>

  <body onload="runTests()">

    <script class="testbody" type="application/javascript">

     SimpleTest.waitForExplicitFinish();

     let objectCompare = async (type, props, obj) => {

       for (var prop in props) {

         is(await props[prop], obj[prop], type + " property value " + prop + " is " + props[prop]);

};

     let failOnCall = () => {

       ok(false, "No connect/state events should be received on startup!");

};

     async function runTests () {

       await MIDITestUtils.permissionSetup(true);

       // Request access without sysex.

       let access = await navigator.requestMIDIAccess({ "sysex": false });

       ok(true, "MIDI Access Request successful");

       is(access.sysexEnabled, false, "Sysex should be false");

       access.addEventListener("statechange", failOnCall);

       var input_id = await MIDITestUtils.inputInfo.id;

       var output_id = await MIDITestUtils.outputInfo.id;

       var inputs = access.inputs;

       var outputs = access.outputs;

       is(inputs.size, 1, "Should have one input");

       is(outputs.size, 3, "Should have three outputs");

       ok(inputs.has(input_id), "input list should contain input id");

       ok(outputs.has(output_id), "output list should contain output id");

       var input = access.inputs.get(input_id);

       var output = access.outputs.get(output_id);

       await objectCompare("input", MIDITestUtils.inputInfo, input);

       await objectCompare("output", MIDITestUtils.outputInfo, output);

       access.removeEventListener("statechange", failOnCall);

       SimpleTest.finish();

};

    </script>

  </body>

</html>