LayoutTests/fast/forms/select/select-with-display-none-options.html - Issue 189543012: Update <select> when any of its <option> children has "display: none"

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/forms/select/select-with-display-none-options.html

Issue 189543012: Update <select> when any of its <option> children has "display: none" (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Addtional layout test included. Created 6 years, 9 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

« no previous file with comments | « LayoutTests/fast/forms/select/listbox-with-display-none-option-expected.txt ('k') | LayoutTests/fast/forms/select/select-with-display-none-options-expected.txt » ('j') | Source/core/accessibility/AXListBox.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

	4 <script src="../../../resources/js-test.js"></script>

	5 <script src="../resources/common.js"></script>

	6 </head>

	7 <body>

	8

	9 <select id="select1" size=3>

	10 <option selected>a</option>

	11 <option style="display: none">b</option>

	12 <option>c</option>

	13 <option>d</option>

	14 </select>

	15

	16 <select id="select2" size=3>

	17 <option selected>a</option>

	18 <option id="select2-b">b</option>

	19 <option>c</option>

	20 <option>d</option>

	21 </select>

	22

	23 <select id="select3" size=3>

	24 <option selected>a</option>

	25 <option id='select3-b' style="display: none">b</option>

	26 <option>c</option>

	27 <option>d</option>

	28 </select>

	29

	30 <script>

	31 document.getElementById('select2-b').style.display = 'none';

	32 document.getElementById('select3-b').style.display = 'block';

	33

	34 description('Tests for select not showing option element with display: none');

	35

	36 var select1 = document.getElementById('select1');

	37 select1.focus();

	38 shouldBeEqualToString('select1.value', 'a');

	39 eventSender.keyDown('downArrow');

	40 shouldBeEqualToString('select1.value', 'c');

	41

	42 var select2 = document.getElementById('select2');

	43 select2.focus();

	44 shouldBeEqualToString('select2.value', 'a');

	45 eventSender.keyDown('downArrow');

	46 shouldBeEqualToString('select2.value', 'c');

	47

	48 var select3 = document.getElementById('select3');

	49 select3.focus();

	50 shouldBeEqualToString('select3.value', 'a');

	51 eventSender.keyDown('downArrow');

	52 shouldBeEqualToString('select3.value', 'b');

	53 </script>

	54

	55 </body>

	56 </html>

OLD	NEW