<!DOCTYPE html>
<html>
<head>
    <title>restricted-audio-playback-with-document-gesture</title>
    <script src=media-file.js></script>
    <script src=video-test.js></script>

    <script>
    function runTest()
    {
        mediaElement = document.getElementsByTagName('audio')[0];

        if (window.internals) {
            run('internals.setMediaElementRestrictions(mediaElement, "RequireUserGestureForAudioRateChange")');
            run('internals.settings.setMediaUserGestureInheritsFromDocument(true)');
        }

        consoleWrite('Running with keyDown.');
        runWithKeyDown(() => {
            run("mediaElement.src = findMediaFile('audio', 'content/test')");
            waitForEvent('canplaythrough', canplaythrough);
            waitForEventAndFail('error');
        }, true);
    }

    function canplaythrough()
    {
        run("mediaElement.play()");
        testExpected('mediaElement.paused', false);
        endTest();
    }
    </script>
</head>

<body onload="runTest()">
    <p>Test that, when RequireUserGestureForAudioRateChange is set along with MediaUserGestureInheritsForDocument, a user gesture in the document will allow future media playback requests to succeed.</p>
    <audio controls autoplay></audio>
</body>
</html>