LayoutTests/fast/forms/option-mouseevents.html - Issue 347773002: Implement select listbox using shadow DOM

Side by Side Diff: LayoutTests/fast/forms/option-mouseevents.html

Issue 347773002: Implement select listbox using shadow DOM (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 6 years, 6 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 | Annotate | Revision Log

« LayoutTests/fast/forms/listbox-onchange.html ('K') | « LayoutTests/fast/forms/listbox-selection-2.html ('k') | LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js » ('j') | LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script>	3 <script>

4 function print(message, color) {	4 function print(message, color) {

5 var paragraph = document.createElement("div");	5 var paragraph = document.createElement("div");

6 paragraph.appendChild(document.createTextNode(message));	6 paragraph.appendChild(document.createTextNode(message));

7 paragraph.style.fontFamily = "monospace";	7 paragraph.style.fontFamily = "monospace";

8 if (color)	8 if (color)

9 paragraph.style.color = color;	9 paragraph.style.color = color;

10 document.getElementById("console").appendChild(paragraph);	10 document.getElementById("console").appendChild(paragraph);

(...skipping 75 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
86 if (window.testRunner)	86 if (window.testRunner)

87 testRunner.notifyDone();	87 testRunner.notifyDone();

88 }	88 }

89 </script>	89 </script>

90 </head>	90 </head>

91 <body onload="test();">	91 <body onload="test();">

92 <p>This page tests whether a click event on a list box item propogates with the correct target and positioning values.<br>	92 <p>This page tests whether a click event on a list box item propogates with the correct target and positioning values.<br>

93 Bug 3248: Mouse events on OPTION element seem to be ignored<br>	93 Bug 3248: Mouse events on OPTION element seem to be ignored<br>

94 <a href="https://bugs.webkit.org/show_bug.cgi?id=3248">https://bugs.webkit.org/s how_bug.cgi?id=3248</a></p>	94 <a href="https://bugs.webkit.org/show_bug.cgi?id=3248">https://bugs.webkit.org/s how_bug.cgi?id=3248</a></p>

95 <form action="" method="post">	95 <form action="" method="post">

96 <select style="position:absolute; top: 84;" size="2" onmousedown="mouseeventveri fy(event, 22, 104, document.getElementById('o1'), 'mousedown')">	96 <select style="position:absolute; top: 84;" size="2" onmousedown="mouseeventveri fy2(event, 22, 104, 11, 3, document.getElementById('o1'), 'mousedown')">

97 <option>One	97 <option>One

98 <option id="o1" onmousedown="mouseeventverify(event, 22, 104, this, 'mousedown') ">Two	98 <option id="o1" onmousedown="mouseeventverify2(event, 22, 104, 11, 3, this, 'mou sedown')">Two

99 </select>	99 </select>

100 </form>	100 </form>

101 <form action="" method="post">	101 <form action="" method="post">

102 <select style="position:absolute; top: 164;" size="2" onmouseup="mouseeventverif y(event, 22, 184, document.getElementById('o2'), 'mouseup')">	102 <select style="position:absolute; top: 164;" size="2" onmouseup="mouseeventverif y2(event, 22, 184, 11, 3, document.getElementById('o2'), 'mouseup')">

103 <option>One	103 <option>One

104 <option id="o2" onmouseup="mouseeventverify(event, 22, 184, this, 'mouseup')">Tw o	104 <option id="o2" onmouseup="mouseeventverify2(event, 22, 184, 11, 3, this, 'mouse up')">Two

105 </select>	105 </select>

106 </form>	106 </form>

107 <form action="" method="post">	107 <form action="" method="post">

108 <select style="position:absolute; top: 242;" size="2" onclick="mouseeventverify( event, 22, 262, document.getElementById('o3'), 'click')">	108 <select style="position:absolute; top: 242;" size="2" onclick="mouseeventverify2 (event, 22, 262, 11, 3, document.getElementById('o3'), 'click')">

109 <option>One	109 <option>One

110 <option id="o3" onclick="mouseeventverify(event, 22, 262, this, 'click')">Two	110 <option id="o3" onclick="mouseeventverify2(event, 22, 262, 11, 3, this, 'click') ">Two

111 </select>	111 </select>

112 </form>	112 </form>

113 <form action="" method="post">	113 <form action="" method="post">

114 <select style="position:absolute; top: 324;" size="2" ondblclick="mouseeventveri fy(event, 22, 344, document.getElementById('o4'), 'dblclick')">	114 <select style="position:absolute; top: 324;" size="2" ondblclick="mouseeventveri fy2(event, 22, 344, 11, 3, document.getElementById('o4'), 'dblclick')">

115 <option>One	115 <option>One

116 <option id="o4" ondblclick="mouseeventverify(event, 22, 344, this, 'dblclick')"> Two	116 <option id="o4" ondblclick="mouseeventverify2(event, 22, 344, 11, 3, this, 'dblc lick')">Two

117 </select>	117 </select>

118 </form>	118 </form>

119 <select style="position:absolute; top: 408;" size="3" onmousedown="mouseeventver ify2(event, 22, 448, 12, 38, this, 'mousedown')">	119 <select style="position:absolute; top: 408;" size="3" onmousedown="mouseeventver ify2(event, 22, 448, 12, 38, this, 'mousedown')">

120 <option>One	120 <option>One

121 <option id="o5" onmousedown="mouseeventverify2(event, 22, 448, 12, 38, this, 'mo usedown')">Two	121 <option id="o5" onmousedown="mouseeventverify2(event, 22, 448, 12, 38, this, 'mo usedown')">Two

122 </select>	122 </select>

123 </form>	123 </form>

124 <div style="position:absolute; top: 550;" id='console'></div>	124 <div style="position:absolute; top: 550;" id='console'></div>

125 </body>	125 </body>

126 </html>	126 </html>

OLD	NEW