third_party/WebKit/LayoutTests/fast/forms/radio/radio-group-keyboard-change-event.html - Issue 1633553002: Change in focus with movement of Arrow keys for RTL radio buttons

Side by Side Diff: third_party/WebKit/LayoutTests/fast/forms/radio/radio-group-keyboard-change-event.html

Issue 1633553002: Change in focus with movement of Arrow keys for RTL radio buttons (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Removed the use of non-ASCII characters. Created 4 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <body>	3 <body>

4	4

5 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32013">https://bugs .webkit.org/show_bug.cgi?id=32013</a>.	5 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32013">https://bugs .webkit.org/show_bug.cgi?id=32013</a>.

6	6

7 <p>For manual testing, focus a radio button in the first group and use the arrow keys. Changing the checked	7 <p>For manual testing, focus a radio button in the first group and use the arrow keys. Changing the checked

8 radio button should fire change events.	8 radio button should fire change events.

9	9

10 <p>	10 <p>

11 <input type=radio name=aaa value=a checked onchange="handleChange(event)" onclic k="handleClick(event)">a	11 <input type=radio name=aaa value=a checked onchange="handleChange(event)" onclic k="handleClick(event)">a

12 <input type=radio name=aaa value=b onchange="handleChange(event)" onclick="handl eClick(event)">b	12 <input type=radio name=aaa value=b onchange="handleChange(event)" onclick="handl eClick(event)">b

13 <input type=radio name=aaa value=c onchange="handleChange(event)" onclick="handl eClick(event)">c	13 <input type=radio name=aaa value=c onchange="handleChange(event)" onclick="handl eClick(event)">c

14	14

15 <p>For manual testing, focus a radio button in the second group and use the arro w keys. Change events	15 <p>For manual testing, focus a radio button in the second group and use the arro w keys. Change events

16 should still be dispatched but the checked radio should not change.	16 should still be dispatched but the checked radio should not change.

17	17

18 <p>	18 <p>

19 <input type=radio name=bbb value=d checked onchange="handleChange(event)" onclic k="handleClick(event)">d	19 <input type=radio name=bbb value=d checked onchange="handleChange(event)" onclic k="handleClick(event)">d

20 <input type=radio name=bbb value=e onchange="handleChange(event)" onclick="handl eClick(event)">e	20 <input type=radio name=bbb value=e onchange="handleChange(event)" onclick="handl eClick(event)">e

21 <input type=radio name=bbb value=f onchange="handleChange(event)" onclick="handl eClick(event)">f	21 <input type=radio name=bbb value=f onchange="handleChange(event)" onclick="handl eClick(event)">f

22	22

	23 <p>Test for <a href="https://code.google.com/p/chromium/issues/detail?id=556677" >https://code.google.com/p/chromium/issues/detail?id=556677</a>.

	24

	25 <p>For manual testing, focus a radio button in the first group and use the arrow keys. Changing the

	26 radio button should fire change events in the direction of left to right.

	27

	28 <div dir="rtl">

	29 <p>

	30 <input type=radio name=ccc value=x onchange="handleChange(event)"><span dir="rtl ">x</span>

	31 <input type=radio name=ccc value=y onchange="handleChange(event)"><span dir="rtl ">y</span>

	32 <input type=radio name=ccc value=z onchange="handleChange(event)"><span dir="rtl ">z</span>

	33 </div>

23 <pre id=out></pre>	34 <pre id=out></pre>

24	35

25 <script>	36 <script>

26	37

27 var preventClickValues = 'def';	38 var preventClickValues = 'def';

28	39

29 function handleChange(e)	40 function handleChange(e)

30 {	41 {

31 var value = e.target.value;	42 var value = e.target.value;

32 print(value + ' dispatched change event');	43 print(value + ' dispatched change event');

(...skipping 52 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
85 eventSender.keyDown('downArrow');	96 eventSender.keyDown('downArrow');

86 eventSender.keyDown('downArrow');	97 eventSender.keyDown('downArrow');

87	98

88 assertNotChecked('a');	99 assertNotChecked('a');

89 assertNotChecked('b');	100 assertNotChecked('b');

90 assertChecked('c');	101 assertChecked('c');

91	102

92 assertChecked('d');	103 assertChecked('d');

93 assertNotChecked('e');	104 assertNotChecked('e');

94 assertNotChecked('f');	105 assertNotChecked('f');

	106

	107 getRadio('x').focus();

	108 eventSender.keyDown('rightArrow');

	109 eventSender.keyDown('rightArrow');

	110

	111 assertNotChecked('x');

	112 assertChecked('y');

	113 assertNotChecked('z');

	114

	115 getRadio('x').focus();

	116 eventSender.keyDown('downArrow');

	117

	118 assertNotChecked('x');

	119 assertChecked('y');

	120 assertNotChecked('z');

	121

	122

95 }	123 }

96	124

97 </script>	125 </script>

98 </body>	126 </body>

99 </html>	127 </html>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/forms/radio/radio-group-keyboard-change-event-expected.txt » ('j') | no next file with comments »