LayoutTests/fast/forms/listbox-typeahead-cyrillic.html - chromium/blink - Git at Google

 <html>
 <head>
     <title></title>
 </head>
 <body>
     <p>This test verifies a drop-down menu can refine the selection when we send keydown events consisting of Cyrillic characters.</p>
     <select id="test">
         <option value="-1">should not see me</option>
         <option value="0">&#x0410;</option>
         <option value="1">&#x0410;&#x0411;</option>
         <option value="2">&#x0410;&#x0411;&#x0412;</option>
         <option value="3">&#x0410;&#x0411;&#x0412;&#x0413;</option>
         <option value="4">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;</option>
         <option value="5">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;</option>
         <option value="6">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;</option>
         <option value="7">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;</option>
         <option value="8">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;</option>
         <option value="9">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;</option>
         <option value="10">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;</option>
         <option value="11">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;</option>
         <option value="12">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;</option>
         <option value="13">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;</option>
         <option value="14">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;</option>
         <option value="15">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;</option>
         <option value="16">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;</option>
         <option value="17">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;</option>
         <option value="18">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;</option>
         <option value="19">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;</option>
         <option value="20">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;</option>
         <option value="21">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;</option>
         <option value="22">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;</option>
         <option value="23">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;</option>
         <option value="24">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;</option>
         <option value="25">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;</option>
         <option value="26">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;&#x042A;</option>
         <option value="27">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;&#x042A;&#x042B;</option>
         <option value="28">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;&#x042A;&#x042B;&#x042C;</option>
         <option value="29">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;&#x042A;&#x042B;&#x042C;&#x042D;</option>
         <option value="30">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;&#x042A;&#x042B;&#x042C;&#x042D;&#x042E;</option>
         <option value="31">&#x0410;&#x0411;&#x0412;&#x0413;&#x0414;&#x0415;&#x0416;&#x0417;&#x0418;&#x0419;&#x041A;&#x041B;&#x041C;&#x041D;&#x041E;&#x041F;&#x0420;&#x0421;&#x0422;&#x0423;&#x0424;&#x0425;&#x0426;&#x0427;&#x0428;&#x0429;&#x042A;&#x042B;&#x042C;&#x042D;&#x042E;&#x042F;</option>
     </select>
     <ul id="console"></ul>
 </body>
 <script>
 function log(str) {
     var li = document.createElement("li");
     li.appendChild(document.createTextNode(str));
     var console = document.getElementById("console");
     console.appendChild(li);
 }

 if (window.testRunner)
     window.testRunner.dumpAsText();

 // Set the input focus to the <select> element.
 var node = document.getElementById("test");
 node.focus();

 var base = 0x0430;
 for (var i = base; i <= 0x044F; i++) {
     // Send a key event consisting of a Cyrillic small character.
     eventSender.keyDown(String.fromCharCode(i));

     // Compare the value of this <select> element with the expected result.
     if (node.value == i - base)
         log('SUCCEEDED');
     else
         log('FAILED: expected="' + i + '", actual="' + node.value + '".');
 }
 </script>
 </html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<p>This test verifies a drop-down menu can refine the selection when we send keydown events consisting of Cyrillic characters.</p>
	<select id="test">
	<option value="-1">should not see me</option>
	<option value="0">А</option>
	<option value="1">АБ</option>
	<option value="2">АБВ</option>
	<option value="3">АБВГ</option>
	<option value="4">АБВГД</option>
	<option value="5">АБВГДЕ</option>
	<option value="6">АБВГДЕЖ</option>
	<option value="7">АБВГДЕЖЗ</option>
	<option value="8">АБВГДЕЖЗИ</option>
	<option value="9">АБВГДЕЖЗИЙ</option>
	<option value="10">АБВГДЕЖЗИЙК</option>
	<option value="11">АБВГДЕЖЗИЙКЛ</option>
	<option value="12">АБВГДЕЖЗИЙКЛМ</option>
	<option value="13">АБВГДЕЖЗИЙКЛМН</option>
	<option value="14">АБВГДЕЖЗИЙКЛМНО</option>
	<option value="15">АБВГДЕЖЗИЙКЛМНОП</option>
	<option value="16">АБВГДЕЖЗИЙКЛМНОПР</option>
	<option value="17">АБВГДЕЖЗИЙКЛМНОПРС</option>
	<option value="18">АБВГДЕЖЗИЙКЛМНОПРСТ</option>
	<option value="19">АБВГДЕЖЗИЙКЛМНОПРСТУ</option>
	<option value="20">АБВГДЕЖЗИЙКЛМНОПРСТУФ</option>
	<option value="21">АБВГДЕЖЗИЙКЛМНОПРСТУФХ</option>
	<option value="22">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦ</option>
	<option value="23">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧ</option>
	<option value="24">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШ</option>
	<option value="25">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩ</option>
	<option value="26">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪ</option>
	<option value="27">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫ</option>
	<option value="28">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬ</option>
	<option value="29">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭ</option>
	<option value="30">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮ</option>
	<option value="31">АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ</option>
	</select>
	<ul id="console"></ul>
	</body>
	<script>
	function log(str) {
	var li = document.createElement("li");
	li.appendChild(document.createTextNode(str));
	var console = document.getElementById("console");
	console.appendChild(li);
	}

	if (window.testRunner)
	window.testRunner.dumpAsText();

	// Set the input focus to the <select> element.
	var node = document.getElementById("test");
	node.focus();

	var base = 0x0430;
	for (var i = base; i <= 0x044F; i++) {
	// Send a key event consisting of a Cyrillic small character.
	eventSender.keyDown(String.fromCharCode(i));

	// Compare the value of this <select> element with the expected result.
	if (node.value == i - base)
	log('SUCCEEDED');
	else
	log('FAILED: expected="' + i + '", actual="' + node.value + '".');
	}
	</script>
	</html>