1 files changed, 33 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/scrollIntoView-horizontal.html b/Source/WebCore/manual-tests/scrollIntoView-horizontal.html
new file mode 100644
index 0000000..1cb909c
--- /dev/null
+++ b/Source/WebCore/manual-tests/scrollIntoView-horizontal.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+</head>
+<body>
+<p><b>BUG ID</b> <a href="rdar://problem/3471901">3471901</a> support scrollIntoView method for DOM elements (3474)</p>
+
+<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> 
+Following the numbered steps on each button, click each button to scroll the next button into view.</p>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> 
+Next button scrolls into view as specified.</p>
+
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>  
+Next button does not scroll into view, or the button is scrolled to the wrong positon (top, bottom).  
+</p>
+
+
+<input id="topleft" type="button" value="STEP 1: click to horizontally scroll STEP 2 into view" onclick="document.getElementById('topright').scrollIntoView(false);">
+
+<input id="topright"  type="button" value="STEP 2: click to scroll STEP 3 to BOTTOM of view" style="position: absolute; left: 1200px;" onclick="document.getElementById('bottomleft').scrollIntoView(false);">
+
+<div style="height: 500px; width: 1200px; border: 1px solid;">here is a big empty div</div>
+
+<input id="bottomleft" type="button" value="STEP 3: click to scroll STEP 4 to TOP of view" style="position: absolute; top: 1200px;" onclick="document.getElementById('bottomright').scrollIntoView(true);">
+
+<input id="bottomright"  type="button" value="STEP 4: click to scroll STEP 1 to TOP of view (then you're done)" style="position: absolute; top: 1200px; left: 1200px;" onclick="document.getElementById('topleft').scrollIntoView();">
+
+<div style="height: 500px; width: 1200px; border: 1px solid; position: absolute; top: 1300px;">here is a big empty div</div>
+
+</body>
+</html>
+\ No newline at end of file