12 files changed, 476 insertions, 0 deletions
diff --git a/WebCore/manual-tests/gtk/floatingdiv.html b/WebCore/manual-tests/gtk/floatingdiv.html
new file mode 100644
index 0000000..b7169c7
--- /dev/null
+++ b/WebCore/manual-tests/gtk/floatingdiv.html
@@ -0,0 +1,149 @@
+<html>
+<body>
+1<br />
+2<br />
+3<br />
+4<br />
+5<br />
+6<br />
+7<br />
+8<br />
+9<br />
+10<br />
+11<br />
+12<br />
+13<br />
+14<br />
+15<br />
+16<br />
+17<br />
+18<br />
+19<br />
+20<br />
+21<br />
+22<br />
+23<br />
+24<br />
+25<br />
+26<br />
+27<br />
+28<br />
+29<br />
+30<br />
+31<br />
+32<br />
+33<br />
+34<br />
+35<br />
+36<br />
+37<br />
+38<br />
+39<br />
+40<br />
+41<br />
+42<br />
+43<br />
+44<br />
+45<br />
+46<br />
+47<br />
+48<br />
+49<br />
+50<br />
+51<br />
+52<br />
+53<br />
+54<br />
+55<br />
+56<br />
+57<br />
+58<br />
+59<br />
+60<br />
+61<br />
+62<br />
+63<br />
+64<br />
+65<br />
+66<br />
+67<br />
+68<br />
+69<br />
+70<br />
+71<br />
+72<br />
+73<br />
+74<br />
+75<br />
+76<br />
+77<br />
+78<br />
+79<br />
+80<br />
+<div style="border : solid 2px #ff0000; position: absolute; float: right; background : #000000; color : #ffffff; padding : 4px; width : 200px; height : 100px; overflow : auto; ">
+1<br />
+2<br />
+3<br />
+4<br />
+5<br />
+6<br />
+7<br />
+8<br />
+9<br />
+10<br />
+61<br />
+62<br />
+63<br />
+64<br />
+65<br />
+66<br />
+67<br />
+68<br />
+69<br />
+70<br />
+</div>
+127<br />
+128<br />
+129<br />
+130<br />
+131<br />
+132<br />
+133<br />
+134<br />
+135<br />
+136<br />
+137<br />
+138<br />
+139<br />
+140<br />
+141<br />
+142<br />
+143<br />
+144<br />
+145<br />
+146<br />
+147<br />
+148<br />
+149<br />
+150<br />
+151<br />
+152<br />
+153<br />
+154<br />
+155<br />
+156<br />
+157<br />
+158<br />
+159<br />
+160<br />
+161<br />
+162<br />
+163<br />
+164<br />
+165<br />
+166<br />
+167<br />
+168<br />
+169<br />
+170<br />
+</body>
diff --git a/WebCore/manual-tests/gtk/plugin-resize-scroll.html b/WebCore/manual-tests/gtk/plugin-resize-scroll.html
new file mode 100644
index 0000000..d452b95
--- /dev/null
+++ b/WebCore/manual-tests/gtk/plugin-resize-scroll.html
@@ -0,0 +1,28 @@
+<html>
+    <head>
+        <style>
+            html, body {
+                background-color: blue;
+                color: white;
+            }
+            #spacer {
+                width: 100%;
+                height: 1000px;
+                background-color: yellow;
+            }
+        </style>
+        </script>
+    </head>
+    <body>
+        <p>
+            Resize the browser, ensure that the plugin resizes and does not produce a greyish border.
+            Scroll the view, ensure that plugin scrolls out of view.
+        </p>
+
+        <embed id="embed" height="100" style="width: 100%" pbgcolor="green"
+              src="http://www.tizag.com/pics/example.swf" type="application/x-shockwave-flash"/>
+
+        <div id="spacer"><p>content</p></div>
+    </body>
+</html>
+
diff --git a/WebCore/manual-tests/inspector/console-dir.html b/WebCore/manual-tests/inspector/console-dir.html
new file mode 100644
index 0000000..90f389d
--- /dev/null
+++ b/WebCore/manual-tests/inspector/console-dir.html
@@ -0,0 +1,31 @@
+<body>
+<p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=24329">Bug 24329: REGRESSION: console.dirxml() Console API broken</a>.</p>
+<p>To test, open the Inspector's Console and verify that all console messages have the correct output.</p>
+</body>
+<script>
+    console.log("Testing console.dir:");
+    console.dir(undefined);
+    console.dir(123);
+    console.dir(null);
+    console.dir({});
+    console.dir({test: 1, test1:{apple: "orange"}});
+    console.dir("Test");
+    console.dir(document);
+    console.dir(document.body);
+
+    console.log("\nTesting console.dirxml:");
+    console.dirxml(undefined);
+    console.dirxml(123);
+    console.dirxml(null);
+    console.dirxml({});
+    console.dirxml({test: 1, test1:{apple: "orange"}});
+    console.dirxml("Test");
+    console.dirxml(document);
+    console.dirxml(document.body);
+
+    console.log("\nTesting console.log's %o and %O formatters:");
+    console.log("%o %O", document.body, document.body);
+    console.log("%o %O", undefined, undefined);
+    console.log("%o %O", 123, 123);
+    console.log("%o %O", null, null);
+</script>
diff --git a/WebCore/manual-tests/inspector/debugger-step-on-do-while-statements.html b/WebCore/manual-tests/inspector/debugger-step-on-do-while-statements.html
new file mode 100644
index 0000000..190cbf8
--- /dev/null
+++ b/WebCore/manual-tests/inspector/debugger-step-on-do-while-statements.html
@@ -0,0 +1,29 @@
+<script src="resources/loop-statements.js"></script>
+<script>            
+function runDoWhile()
+{
+    /* place breakpoint on next line and click continue */ debugger;
+    do {
+        statement();
+        increment();
+    } while (condition());
+}
+
+</script>
+Start a debugging session in the Web Inspector and open this file.
+<br><br>
+Before running the tests please perform the following:
+Make sure the execution is not paused in the debugger.<br>
+Click the button and when the debugger breaks, set a breakpoint on the first line in the loop
+(as indicated by the comment), and click continue.<br>
+The debugger should stop at the beggining of the loop.<br>
+The above actions should be performed before <b>each</b> of the following tests.
+<br><br>
+<input type="button" value="run do-while" onclick="initialize();runDoWhile()"/>
+<br><br>
+TEST 1: Click 'continue'. Execution should continue without stopping on the loop breakpoint again.<br>
+TEST 2: Click 'Step over'. Debugger should step inside the loop to the next statement line.
+'Step over' until the debugger reaches the 'while' line. Click 'Step into' - the debugger should
+enter the 'condition' function.<br>
+TEST 3: 'Step over' to the end of the loop (and 'while' statement) and step over again. Debugger
+should go to the beggining of the loop.<br>
diff --git a/WebCore/manual-tests/inspector/debugger-step-on-for-in-statements.html b/WebCore/manual-tests/inspector/debugger-step-on-for-in-statements.html
new file mode 100644
index 0000000..8d6de78
--- /dev/null
+++ b/WebCore/manual-tests/inspector/debugger-step-on-for-in-statements.html
@@ -0,0 +1,35 @@
+<script>
+var myObj = {test : 1};
+function getObject()
+{
+    return myObj;
+}
+
+function statement() {
+    ;
+}
+
+function runForIn()
+{
+    /* place breakpoint on next line and click continue */ debugger;
+    for (var property in getObject())
+        statement();
+}
+
+</script>
+Start a debugging session in the Web Inspector and open this file.
+<br><br>
+Before running the tests please perform the following:
+Make sure the execution is not paused in the debugger.<br>
+Click the button and when the debugger breaks, set a breakpoint on the first line in the loop
+(as indicated by the comment), and click continue.<br>
+The debugger should stop at the beggining of the loop.<br>
+The above actions should be performed before <b>each</b> of the following tests.
+<br><br>
+<input type="button" value="run for-in" onclick="runForIn()"/>
+<br><br>
+TEST 1: Click 'continue'. Execution should continue without stopping on the loop breakpoint again.<br>
+TEST 2: Click 'Step over'. Debugger should step inside the loop to the next statement line.<br>
+TEST 3: Click 'Step into'. Debugger should step into 'getObject' function.<br>
+TEST 4: 'Step over' to the statement line and then 'Step over' again. Debugger should pause on
+the for-in loop again.<br>
diff --git a/WebCore/manual-tests/inspector/debugger-step-on-for-statements.html b/WebCore/manual-tests/inspector/debugger-step-on-for-statements.html
new file mode 100644
index 0000000..d3a50c6
--- /dev/null
+++ b/WebCore/manual-tests/inspector/debugger-step-on-for-statements.html
@@ -0,0 +1,28 @@
+<script src="resources/loop-statements.js"></script>
+<script>        
+function runFor()
+{
+    /* place breakpoint on next line and click continue */ debugger;
+    for (initialize(); condition(); increment())
+        statement();
+}
+</script>
+Start a debugging session in the Web Inspector and open this file.
+<br><br>
+Before running the tests please perform the following:
+Make sure the execution is not paused in the debugger.<br>
+Click the button and when the debugger breaks, set a breakpoint on the first line in the loop
+(as indicated by the comment), and click continue.<br>
+The debugger should stop at the beggining of the loop.<br>
+The above actions should be performed before <b>each</b> of the following tests.
+<br><br>
+<input type="button" value="run for" onclick="runFor()"/>
+<br><br>
+TEST 1: Click 'continue'. Execution should continue without stopping on the loop breakpoint again.<br>
+TEST 2: Click 'Step over'. Debugger should step inside the loop to the next statement line.<br>
+TEST 3: Click 'Step into'. Debugger should step into 'initialize' function. Click 'Step into' until
+outside of the 'initialize' function - debugger should enter the 'condition' function.<br>
+TEST 4: 'Step over' to the statement line and then 'Step over' again. Debugger should pause on
+the for loop again. Click 'Step into'. Debugger should step into the 'increment' function.
+Click 'Step into' until outside of the 'increment' function - debugger should enter the 'condition'
+function.<br>
diff --git a/WebCore/manual-tests/inspector/debugger-step-on-while-statements.html b/WebCore/manual-tests/inspector/debugger-step-on-while-statements.html
new file mode 100644
index 0000000..fd077bc
--- /dev/null
+++ b/WebCore/manual-tests/inspector/debugger-step-on-while-statements.html
@@ -0,0 +1,29 @@
+<script src="resources/loop-statements.js"></script>
+<script>            
+function runWhile()
+{
+    /* place breakpoint on next line and click continue */ debugger;
+    while (condition()) {
+        statement();
+        increment();
+    }
+}
+
+</script>
+Start a debugging session in the Web Inspector and open this file.
+<br><br>
+Before running the tests please perform the following:
+Make sure the execution is not paused in the debugger.<br>
+Click the button and when the debugger breaks, set a breakpoint on the first line in the loop
+(as indicated by the comment), and click continue.<br>
+The debugger should stop at the beggining of the loop.<br>
+The above actions should be performed before <b>each</b> of the following tests.
+<br><br>
+<input type="button" value="run while" onclick="initialize();runWhile()"/>
+<br><br>
+TEST 1: Click 'continue'. Execution should continue without stopping on the loop breakpoint again.<br>
+TEST 2: Click 'Step over'. Debugger should step inside the loop to the next statement line.<br>
+TEST 3: Click 'Step into'. Debugger should step into 'condition' function.<br>
+TEST 4: 'Step over' the statements until reaching the end of the loop. Debugger should
+step over to the beggingin of the while loop again. Click 'Step into'. Debugger should step into
+the 'condition' function.<br>
diff --git a/WebCore/manual-tests/inspector/highlight-nodes.html b/WebCore/manual-tests/inspector/highlight-nodes.html
new file mode 100644
index 0000000..6712b3a
--- /dev/null
+++ b/WebCore/manual-tests/inspector/highlight-nodes.html
@@ -0,0 +1,23 @@
+<style>
+.skewed {
+  -webkit-transform:skew(-5deg,-5deg);
+}
+</style>
+<p>This page has basic tests of node highlighting in the inspected page. To tests, load this page, open the inspector and mouseover the nodes in the treeview of the inspector. You should see the highlights happen with the appropriate padding/border/margin/content highlights.</p>
+<div style="padding:10px; border: 10px solid; margin: 10px;">padding:10px; border: 10px; margin: 10px;</div>
+<div style="padding:10px; border: 10px solid;">padding:10px; border: 10px;</div>
+<div style="padding:10px; margin: 10px;">padding:10px; margin: 10px;</div>
+<div style="border: 10px solid; margin: 10px;">border: 10px; margin: 10px;</div>
+<div style="padding:10px">padding:10px;</div>
+<div style="border: 10px solid;">border: 10px;</div>
+<div style="margin: 10px;">margin: 10px;</div>
+<div>no padding, border, or margin</div>
+<div class=skewed style="padding:10px; border: 10px solid; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px; margin: 10px;</div>
+<div class=skewed style="padding:10px; border: 10px solid;">-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px;</div>
+<div class=skewed style="padding:10px; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); padding:10px; margin: 10px;</div>
+<div class=skewed style="border: 10px solid; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); border: 10px; margin: 10px;</div>
+<div class=skewed style="padding:10px">-webkit-transform:skew(-5deg,-5deg); padding:10px;</div>
+<div class=skewed style="border: 10px solid;">-webkit-transform:skew(-5deg,-5deg); border: 10px;</div>
+<div class=skewed style="margin: 10px;">-webkit-transform:skew(-5deg,-5deg); margin: 10px;</div>
+<div class=skewed >-webkit-transform:skew(-5deg,-5deg); no padding, border, or margin</div>
+
diff --git a/WebCore/manual-tests/inspector/resources/loop-statements.js b/WebCore/manual-tests/inspector/resources/loop-statements.js
new file mode 100644
index 0000000..cbb4e0d
--- /dev/null
+++ b/WebCore/manual-tests/inspector/resources/loop-statements.js
@@ -0,0 +1,22 @@
+var i;
+var a;
+
+function initialize()
+{
+    i = false;
+}
+
+function condition()
+{
+    return !i;
+}
+
+function increment()
+{
+    i = !i;
+}
+
+function statement()
+{
+    a = i;
+}
diff --git a/WebCore/manual-tests/media-controls-when-javascript-disabled.html b/WebCore/manual-tests/media-controls-when-javascript-disabled.html
new file mode 100644
index 0000000..b7e52bc
--- /dev/null
+++ b/WebCore/manual-tests/media-controls-when-javascript-disabled.html
@@ -0,0 +1,26 @@
+<html>
+    <head>
+        <style> #error { display: none; } </style>
+        <script>
+            function showErrorMsg() 
+            {
+                document.getElementById('error').style.display = 'block';
+            }
+        </script>
+    </head>
+    
+<body onload="showErrorMsg()">
+
+    <p>TEST: Video should have controls when scripting is disabled.</p>
+
+    <video 
+        src="http://movies.apple.com/movies/us/apple/ipoditunes/2007/touch/ads/apple_ipodtouch_touch_r640-9cie.mov">
+    </video>
+
+    <noscript><p>Scripting is DISABLED.</p></noscript>
+
+    <p id=error>ERROR: JavaScript must be disabled for this test.</p>
+
+
+</body>
+</html>
+\ No newline at end of file
diff --git a/WebCore/manual-tests/resources/simple_image.png b/WebCore/manual-tests/resources/simple_image.png
new file mode 100644
index 0000000..4685399
--- /dev/null
+++ b/WebCore/manual-tests/resources/simple_image.png
diff --git a/WebCore/manual-tests/simple-image-compositing.html b/WebCore/manual-tests/simple-image-compositing.html
new file mode 100644
index 0000000..e44ffed
--- /dev/null
+++ b/WebCore/manual-tests/simple-image-compositing.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+   "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Checking for simple image layer optimisation</title>
+  <style type="text/css" media="screen">
+    img {
+      float: left;
+      width: 150px;
+      height: 150px;
+    }
+    p {
+      clear: both;
+      margin: 1em 2em;
+      height: 180px;
+    }
+    img {
+      -webkit-transform: rotate3d(0, 0, 1, 0);
+    }
+   </style>
+</head>
+<body>
+
+  <h1>Image optimisation in layers</h1>
+
+  <p style="height: auto">
+    In order to run this test you should enable the debugging options that indicate
+    what type of compositing layer is being used.
+  </p>
+  
+<pre>
+defaults write com.apple.Safari WebCoreLayerRepaintCounter -bool yes
+defaults write com.apple.Safari WebCoreLayerBorders -bool yes
+</pre>
+  
+  <p style="height: auto">
+    Directly composited image layers will have a yellow border and no repaint counter.
+  </p>
+
+  <p>
+    <img src="resources/simple_image.png">
+    Basic image - no style - can be directly composited
+  </p>
+
+  <p>
+    <img src="resources/simple_image.png" style="border: 5px solid blue;">
+    5px blue border - can NOT be directly composited
+  </p>
+
+  <p>
+    <img src="resources/simple_image.png" style="margin: 10px 20px;">
+    margin - can NOT be directly composited
+  </p>
+
+  <p>
+    <img src="resources/simple_image.png" style="background-color: grey;">
+    solid background - can be directly composited
+  </p>
+
+  <p>
+    <img src="resources/simple_image.png" style="background: orange url(resources/simple_image.png) -50px -50px;">
+    background image - can NOT be directly composited
+  </p>
+
+  <p>
+    <img src="resources/simple_image.png" style="-webkit-transform: rotate3d(0, 0, 1, 10deg);">
+    rotated but otherwise no style - can be directly composited
+  </p>
+
+
+
+
+</body>
+</html>