audioworklet-messageport.https.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /webaudio/the-audio-api/the-audioworklet-interface/audioworklet-messageport.https.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

  <head>

    <title>

      Test MessagePort in AudioWorkletNode and AudioWorkletProcessor

    </title>

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

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

    <script src="/webaudio/resources/audit.js"></script>

  </head>

  <body>

    <script id="layout-test-code">

      let audit = Audit.createTaskRunner();

      let context = new AudioContext();

      let filePath = 'processors/port-processor.js';

      // Creates an AudioWorkletNode and sets an EventHandler on MessagePort

      // object. The associated PortProcessor will post a message upon its

      // construction. Test if the message is received correctly.

      audit.define(

          'Test postMessage from AudioWorkletProcessor to AudioWorkletNode',

          (task, should) => {

            let porterWorkletNode =

                new AudioWorkletNode(context, 'port-processor');

            // Upon the creation of PortProcessor, it will post a message to the

            // node with 'created' status.

            porterWorkletNode.port.onmessage = (event) => {

              should(event.data.state,

                     'The initial message from PortProcessor')

                  .beEqualTo('created');

              task.done();

};

});

      // PortProcessor is supposed to echo the message back to the

      // AudioWorkletNode.

      audit.define(

          'Test postMessage from AudioWorkletNode to AudioWorkletProcessor',

          (task, should) => {

            let porterWorkletNode =

                new AudioWorkletNode(context, 'port-processor');

            porterWorkletNode.port.onmessage = (event) => {

              // Ignore if the delivered message has |state|. This is already

              // tested in the previous task.

              if (event.data.state)

                return;

              should(event.data.message,

                     'The response from PortProcessor')

                  .beEqualTo('hello');

              task.done();

};

            porterWorkletNode.port.postMessage('hello');

});

      context.audioWorklet.addModule(filePath).then(() => {

        audit.run();

});

    </script>

  </body>

</html>