LayoutTests/fast/speech/input-onspeechchange-event.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body>
   7 <script type="text/javascript">
   8 description('Tests for the onspeechchange event with &lt;input type="text" speech>.');
   9
  10 function onSpeechChange() {
  11     shouldBeEqualToString('document.getElementById("speechInput").value', 'Green eggs and ham');
  12     shouldEvaluateTo('window.event.results.length', 3);
  13     shouldBeEqualToString('window.event.results[0].utterance', 'Green eggs and ham');
  14     shouldEvaluateTo('window.event.results[0].confidence', 0.8);
  15     shouldBeEqualToString('window.event.results[1].utterance', 'Green x and ham');
  16     shouldEvaluateTo('window.event.results[1].confidence', 0.5);
  17     shouldBeEqualToString('window.event.results[2].utterance', '3 x and am');
  18     shouldEvaluateTo('window.event.results[2].confidence', 0.2);
  19     finishJSTest();
  20 }
  21
  22 function run() {
  23     if (window.layoutTestController && window.eventSender) {
  24         layoutTestController.addMockSpeechInputResult('Green eggs and ham', 0.8, '');
  25         layoutTestController.addMockSpeechInputResult('Green x and ham', 0.5, '');
  26         layoutTestController.addMockSpeechInputResult('3 x and am', 0.2, '');
  27
  28         // Clicking the speech button should fill in mock speech-recognized text.
  29         var input = document.getElementById('speechInput');
  30         var x = input.offsetLeft + input.offsetWidth - 4;
  31         var y = input.offsetTop + input.offsetHeight / 2;
  32         eventSender.mouseMoveTo(x, y);
  33         eventSender.mouseDown();
  34         eventSender.mouseUp();
  35     }
  36 }
  37
  38 window.onload = run;
  39 window.jsTestIsAsync = true;
  40 </script>
  41 <script src="../js/resources/js-test-post.js"></script>
  42 <input id='speechInput' x-webkit-speech onwebkitspeechchange="onSpeechChange()">
  43 </body>
  44 </html>