diff options
Diffstat (limited to 'WebCore/manual-tests')
-rw-r--r-- | WebCore/manual-tests/animation-with-transition.html | 60 | ||||
-rw-r--r-- | WebCore/manual-tests/partially-opaque-form-elements.html | 27 | ||||
-rw-r--r-- | WebCore/manual-tests/partially-opaque-text-input.html | 25 | ||||
-rw-r--r-- | WebCore/manual-tests/win/contextmenu-key.html | 112 |
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> |