Index: LayoutTests/fast/events/button-mouse-active.html |
diff --git a/LayoutTests/fast/events/button-mouse-active.html b/LayoutTests/fast/events/button-mouse-active.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..16988d6528d100dcd6f094c974e07ae4962f0a5d |
--- /dev/null |
+++ b/LayoutTests/fast/events/button-mouse-active.html |
@@ -0,0 +1,26 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<script> |
+if (window.testRunner) |
+ testRunner.dumpAsText(); |
+ |
+window.onload = function() { |
+ if (window.eventSender) { |
+ var button = document.getElementById('button'); |
+ eventSender.mouseMoveTo(button.offsetLeft + button.offsetWidth / 2, |
+ button.offsetTop + button.offsetTop / 2); |
+ |
+ eventSender.mouseDown(); |
+ shouldBeEqualToString('getComputedStyle(button).backgroundColor', 'rgb(0, 255, 0)'); |
+ |
+ eventSender.mouseUp(); |
+ shouldBeEqualToString('getComputedStyle(button).backgroundColor', 'rgb(0, 0, 255)'); |
+ } |
+}; |
+</script> |
+<style> |
+button { background-color: rgb(0, 0, 255); } |
+button:active { background-color: rgb(0, 255, 0); } |
+</style> |
+<button id="button">button</button> |
+<div id="console"></div> |