summaryrefslogtreecommitdiffstats
path: root/WebCore/manual-tests
diff options
context:
space:
mode:
Diffstat (limited to 'WebCore/manual-tests')
-rw-r--r--WebCore/manual-tests/animation-with-transition.html60
-rw-r--r--WebCore/manual-tests/partially-opaque-form-elements.html27
-rw-r--r--WebCore/manual-tests/partially-opaque-text-input.html25
-rw-r--r--WebCore/manual-tests/win/contextmenu-key.html112
4 files changed, 224 insertions, 0 deletions
diff --git a/WebCore/manual-tests/animation-with-transition.html b/WebCore/manual-tests/animation-with-transition.html
new file mode 100644
index 0000000..37a7589
--- /dev/null
+++ b/WebCore/manual-tests/animation-with-transition.html
@@ -0,0 +1,60 @@
+<html>
+<head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ <title>simple-animation</title>
+ <style type="text/css" media="screen">
+ div {
+ position: relative;
+ left: 10px;
+ top: 10px;
+ width: 200px;
+ height: 200px;
+ background-color: #696;
+ -webkit-transition: left 5s, top 5s;
+ }
+
+ .animate {
+ -webkit-animation-name: simple;
+ -webkit-animation-duration: 2s;
+ -webkit-animation-timing-function: linear;
+ -webkit-animation-fill-mode: backwards;
+ }
+
+ @-webkit-keyframes simple {
+ 50% {
+ left: 300px;
+ }
+ 100% {
+ left: 80px;
+ }
+ }
+
+
+ </style>
+ <script type="text/javascript" charset="utf-8">
+
+ function doTransition() {
+ var div = document.querySelector("div");
+ div.style.left = "200px";
+ }
+
+ function doAnimation() {
+ var div = document.querySelector("div");
+ div.className = "animate";
+ }
+
+ </script>
+</head>
+<body>
+ <p>Testing setting an animation while a transition is running, in the
+ case where the animation synthesizes the initial keyframe</p>
+ <p>
+ Start the transition, then start the animation.</p>
+ <p>
+ <a href="https://bugs.webkit.org/show_bug.cgi?id=41188">https://bugs.webkit.org/show_bug.cgi?id=41188</a>
+ </p>
+ <button onclick="doTransition();">Transition</button>
+ <button onclick="doAnimation();">Set Animation</button>
+<div></div>
+</body>
+</html>
diff --git a/WebCore/manual-tests/partially-opaque-form-elements.html b/WebCore/manual-tests/partially-opaque-form-elements.html
new file mode 100644
index 0000000..b525c64
--- /dev/null
+++ b/WebCore/manual-tests/partially-opaque-form-elements.html
@@ -0,0 +1,27 @@
+<html>
+<style>
+ body { opacity: 0.5; }
+</style>
+<body>
+<p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=41113">Bugzilla bug 41113</a> [WinCairo] Text box backgrounds do not render in partially opaque layers</p>
+
+<div style="background-color:skyblue; padding:3px;">
+In the next paragraph you should see a partially opaque sequence including:
+<ol>
+<li>The word "Before"</li>
+<li>A checkbox</li>
+<li>A radio button</li>
+<li>The world "After"</li>
+</ol>
+If this test is failing you might only see the word "Before."
+</div>
+
+<p>
+Before
+<input value="Checkbox" type="checkbox">
+<input value="Radio" type="radio">
+After
+</p>
+
+</body>
+</html>
diff --git a/WebCore/manual-tests/partially-opaque-text-input.html b/WebCore/manual-tests/partially-opaque-text-input.html
new file mode 100644
index 0000000..bef147e
--- /dev/null
+++ b/WebCore/manual-tests/partially-opaque-text-input.html
@@ -0,0 +1,25 @@
+<html>
+<style>
+ body { opacity: 0.5; }
+</style>
+<body>
+<p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=41113">Bugzilla bug 41113</a> [WinCairo] Text box backgrounds do not render in partially opaque layers</p>
+
+<div style="background-color:skyblue; padding:3px;">
+In the next paragraph you should see a partially opaque sequence including:
+<ol>
+<li>The word "Before"</li>
+<li>A text box</li>
+<li>The world "After"</li>
+</ol>
+If this test is failing you will not see the text box border.
+</div>
+
+<p>
+Before
+<input type="text"/>
+After
+</p>
+
+</body>
+</html>
diff --git a/WebCore/manual-tests/win/contextmenu-key.html b/WebCore/manual-tests/win/contextmenu-key.html
new file mode 100644
index 0000000..7d6f734
--- /dev/null
+++ b/WebCore/manual-tests/win/contextmenu-key.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+#outer {
+ overflow: auto;
+ width: 200px;
+ height: 200px;
+}
+
+#inner {
+ position: relative;
+ height: 400px;
+}
+
+#inner:focus {
+ background-color: lightblue;
+}
+
+#inner:active {
+ background-color: blue;
+}
+
+#h, #h2 {
+ background: rgba(255, 255, 255, 0);
+}
+
+#h {
+ position: absolute;
+ height: 200px;
+ width: 200px;
+}
+
+#h2 {
+ position: absolute;
+ top: 200px;
+ height: 200px;
+ width: 100%;
+}
+
+#h:hover,
+#h2:hover {
+ background: pink;
+}
+
+#h:active,
+#h2:active {
+ background: red;
+}
+
+pre {
+ position: absolute;
+ left: 250px;
+ top: 80px;
+}
+
+</style>
+</head>
+<body>
+
+<p>Manual test for <a href="https://bugs.webkit.org/show_bug.cgi?id=38129">bug 38129</a></p>
+
+<p>Click the div below and press the context menu key on your keyboard (Shift+F10 also works)</p>
+
+<div id=outer>
+ <div id=inner tabindex=0>
+ <div id=h2></div>
+ </div>
+</div>
+
+<div id=h></div>
+
+<pre></pre>
+
+<script>
+
+function cs(el)
+{
+ if (window.getComputedStyle)
+ return window.getComputedStyle(el, '');
+ return el.currentStyle;
+}
+
+document.addEventListener('contextmenu', function(e)
+{
+ var inner = document.querySelector('#inner');
+ var outer = document.querySelector('#outer');
+ var h = document.querySelector('#h');
+ var h2 = document.querySelector('#h2');
+ var result = [];
+
+ result.push(e.target, document.querySelector('#inner'));
+ result.push(cs(inner, '').backgroundColor, 'rgb(0, 0, 255)');
+ result.push(cs(h, '').backgroundColor, 'rgba(255, 255, 255, 0)');
+ result.push(cs(h2, '').backgroundColor, 'rgba(255, 255, 255, 0)');
+
+ var s = '';
+ for (var i = 0; i < result.length; i += 2) {
+ s += result[i] + ' == ' + result[i + 1] + ' - ' +
+ (result[i] == result[i + 1] ? 'PASS' : 'FAIL') + '<br>';
+ }
+
+ document.querySelector('pre').innerHTML = s;
+
+ return true;
+}, false);
+
+</script>
+
+</body>
+</html>