diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
| commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
| tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-transitions-1_dev/xhtml1/transition-timing-function-007.xht | |
| parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
| download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip | |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
Diffstat (limited to 'tests/wpt/css-tests/css-transitions-1_dev/xhtml1/transition-timing-function-007.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-transitions-1_dev/xhtml1/transition-timing-function-007.xht | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-transitions-1_dev/xhtml1/transition-timing-function-007.xht b/tests/wpt/css-tests/css-transitions-1_dev/xhtml1/transition-timing-function-007.xht new file mode 100644 index 00000000000..2e0b99c18e2 --- /dev/null +++ b/tests/wpt/css-tests/css-transitions-1_dev/xhtml1/transition-timing-function-007.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> +<title>CSS Transitions Test: transition-timing-function - 'step-end' equivalent to 'steps(1, end)'</title> +<link href="http://www.intel.com" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-transitions/#transition-timing-function" rel="help" title="2.3. The 'transition-timing-function' Property" /> +<meta content="interact" name="flags" /> +<meta content="The 'transition-timing-function' property set 'step-end' is equivalent to 'steps(1, end)'" name="assert" /> +<style> + div { + height: 100px; + transition: width 2s; + width: 100px; + } + #test1 { + background-color: blue; + transition-timing-function: step-end; + } + #test2 { + background-color: yellow; + transition-timing-function: steps(1, end); + } +</style> +</head><body> + <p>Click the 'Start' button. Test passes if the width growth of blue square is <strong>equivalent</strong> to the yellow square.</p> + <div id="test1"></div> + <div id="test2"></div> + <button>Start</button> + <script> + (function() { + var button = document.querySelector("button"); + button.addEventListener("click", function(evt) { + var test1 = document.querySelector("#test1"), + test2 = document.querySelector("#test2"); + test1.setAttribute("style", "width: 300px"); + test2.setAttribute("style", "width: 300px"); + }, false); + })(); + </script> + +</body></html>
\ No newline at end of file |