Fixing audio without controls rule and adding a test for it.

src/audits/AudioWithoutControls.js

@@ -27,8 +27,7 @@ axs.AuditRule.specs.audioWithoutControls = {
         return axs.browserUtils.matchSelector(element, 'audio[autoplay]');
     },
     test: function(audio) {
-        var controls = audio.querySelectorAll('[controls]');
-        return !controls.length && audio.duration > 3;
+        return !audio.hasAttribute('controls') && audio.duration > 3;
     },
     code: 'AX_AUDIO_01'
 };

test/audits/audio-without-controls-test.js

@@ -0,0 +1,14 @@
+module("Audio");
+
+test("Audio has no controls attribute.", function() {
+  // Setup fixture
+  var fixture = document.getElementById('qunit-fixture');
+  fixture.innerHTML = "<audio src=\"http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg\" autoplay></audio>";
+  var audio = document.querySelector('audio');
+  audio.addEventListener('canplay', function() {
+    deepEqual(
+        axs.AuditRules.getRule('audioWithoutControls').run({ scope: fixture }),
+        { elements: [ audio ], result: axs.constants.AuditResult.FAIL }
+    );
+  })
+});

test/index.html

@@ -42,6 +42,7 @@
     <script src="./js/audit-configuration-test.js"></script>
     <script src="./js/audit-rule-test.js"></script>
     <script src="./audits/aria-owns-descendant-test.js"></script>
+    <script src="./audits/audio-without-controls-test.js"></script>
     <script src="./audits/bad-aria-role-test.js"></script>
     <script src="./audits/bad-aria-attribute-value-test.js"></script>
     <script src="./audits/controls-without-label-test.js"></script>