diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2015-08-21 17:46:44 +0200 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2015-08-21 18:40:37 +0200 |
| commit | f235d49372ba86d6d01530fe1b9ebdf8bea74468 (patch) | |
| tree | 13d3535ee53fcae1b8d61265e3d97adb00dd60eb /tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-008.htm | |
| parent | 7c45ff8e05a6ebd21f9aa5c360e997a01d48b1fc (diff) | |
| download | servo-f235d49372ba86d6d01530fe1b9ebdf8bea74468.tar.gz servo-f235d49372ba86d6d01530fe1b9ebdf8bea74468.zip | |
Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-008.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-008.htm | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-008.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-008.htm new file mode 100644 index 00000000000..6970e5dbc01 --- /dev/null +++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-008.htm @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Animations Test: animation-iteration-count - ::before</title> +<link href="http://www.intel.com" rel="author" title="Intel"> +<link href="mailto:zhiqiang.zhang@intel.com" rel="reviewer" title="Zhiqiang Zhang"> <!-- 2015-05-06 --> +<link href="https://drafts.csswg.org/css-animations-1/#animation-name" rel="help"> +<link href="https://drafts.csswg.org/css-animations-1/#animation-duration" rel="help"> +<link href="https://drafts.csswg.org/css-animations-1/#animation-iteration-count" rel="help"> +<meta content="animated" name="flags"> +<meta content="Check that animation-iteration-count applies to the ::before pseudo element." name="assert"> +<style> + div::before { + animation-name: sample; + animation-duration: 10s; + animation-iteration-count: 2; + + background-color: blue; + content: "Filler Text"; + display: block; + height: 100px; + width: 100px; + position: relative; + } + + @keyframes sample { + from { + left: 150px; + } + to { + left: 0px; + } + } +</style> +</head><body> + <p> + Test passes if there is a filled blue square with 'Filler Text', + which starts moving from right to left twice. + </p> + <div></div> + + +</body></html>
\ No newline at end of file |