| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src='../../resources/testharness.js'></script> |
| 3 <script src='../../resources/testharnessreport.js'></script> |
| 4 <style type="text/css"> |
| 5 #blue { |
| 6 background-color: rgb(0, 0, 255); |
| 7 position: absolute; |
| 8 left: 75px; |
| 9 top: 75px; |
| 10 height: 100px; |
| 11 width: 100px; |
| 12 } |
| 13 #blue:hover { |
| 14 background-color: rgb(255, 255, 0); |
| 15 } |
| 16 </style> |
| 17 |
| 18 <body onload="loaded();"> |
| 19 |
| 20 <script type="text/javascript"> |
| 21 var mouseover = false; |
| 22 var mousemove = false; |
| 23 var x = 100; |
| 24 var y = 100; |
| 25 |
| 26 function addBlue() { |
| 27 document.body.innerHTML += '<div id="blue"></div>'; |
| 28 var blue = document.getElementById("blue"); |
| 29 blue.addEventListener('mouseover', validMouseOverResult); |
| 30 blue.addEventListener('mousemove', validMouseMoveResult); |
| 31 } |
| 32 |
| 33 function loaded() { |
| 34 document.addEventListener('click', addBlue); |
| 35 } |
| 36 |
| 37 function validMouseOverResult(event) { |
| 38 mouseover = true; |
| 39 testMouseOver.step(function () { |
| 40 assert_equals(event.target.id, "blue"); |
| 41 assert_equals(getComputedStyle(event.target).backgroundColor, "rgb(255,
255, 0)"); |
| 42 }); |
| 43 } |
| 44 |
| 45 function validMouseMoveResult(event) { |
| 46 mousemove = true; |
| 47 testMouseOver.step(function () { |
| 48 assert_equals(event.target.id, "blue"); |
| 49 }); |
| 50 } |
| 51 |
| 52 function callbackValidMouseOver() { |
| 53 testMouseOver.step(function () { |
| 54 assert_true(mouseover); |
| 55 assert_false(mousemove); |
| 56 }); |
| 57 testMouseOver.done(); |
| 58 } |
| 59 |
| 60 function testMouseOverAddElement() { |
| 61 if (window.chrome && chrome.gpuBenchmarking) { |
| 62 var pointerActions = |
| 63 [{source: "mouse", |
| 64 actions: [ |
| 65 { name: "pointerDown", x: x, y: y }, |
| 66 { name: "pointerUp" }, |
| 67 { name: 'pause', duration: 0.1 }]}]; |
| 68 chrome.gpuBenchmarking.pointerActionSequence(pointerActions, callbackVal
idMouseOver); |
| 69 } |
| 70 } |
| 71 |
| 72 var testMouseOver = async_test('Tests that the mouseover event is fired and the
element has a hover effect when the element underneath the mouse cursor is chang
ed.'); |
| 73 testMouseOverAddElement(); |
| 74 |
| 75 </script> |
| 76 </body> |
| 77 |
| 78 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2956023004:
Add a flag to update hover effect when a layout is changed (Closed)
