diff options
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/html/reference')
20 files changed, 107 insertions, 103 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm index 84072bc07a1..bab44655f41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm @@ -29,7 +29,7 @@ <p>You should only see one block with color green, and you should not see any red</p> <section> <article></article> - <svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200"> + <svg height="200" width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> <style type="text/css"> rect{ stroke-width: 10; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm index 71ed65a8757..b2f0a03ca7b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm @@ -15,7 +15,7 @@ <body> <p>You should only see one block with color green, and you should not see any red</p> <section> - <svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200"> + <svg height="200" width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> <style type="text/css"> rect{ stroke-width: 10; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/background-attachment-fixed-inside-transform-1-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/background-attachment-fixed-inside-transform-1-ref.htm new file mode 100644 index 00000000000..4142cebf332 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/background-attachment-fixed-inside-transform-1-ref.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head> + <meta charset="utf-8"> + <title>CSS Background: background-attachment: background-attachment:fixed inside a transform</title> + <link href="mailto:botond@mozilla.com" rel="author" title="Botond Ballo"> + <link href="https://www.mozilla.org" rel="author" title="Mozilla"> + <style type="text/css"> + body { + height: 4000px; + margin: 0; + } + + #outer { + margin: 200px; + height: 700px; + width: 300px; + transform: rotate(45deg); + overflow: hidden; + } + + #inner { + height: 700px; + background-image: radial-gradient(farthest-corner at center, blue, black); + background-size: 300px 300px; + background-position: 200px 200px; + background-color: lime; + background-repeat: no-repeat; + background-attachment: scroll; + } + </style> + </head> + <body> + <div id="outer"> + <div id="inner"> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm index 0003e86e1d3..3c43dd2a408 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>CSS transforms: Creating containing block for fixed positioned elements</title> -<link href="http://dbaron.org/" rel="author" title="L. David Baron"> +<link href="https://dbaron.org/" rel="author" title="L. David Baron"> <link href="http://www.mozilla.org/" rel="author" title="Mozilla"> <style> html, body { margin: 0; padding: 0 } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm index d3dd7736148..5aeaef3a402 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm @@ -5,23 +5,19 @@ <link href="http://www.intel.com" rel="author" title="Intel"> <style> div { - left: 20px; - position: absolute; - top: 35px; - } - div.greensquare { background-color: green; - border: 5px solid black; + border: 20px solid black; height: 120px; - left: 15px; - top: 90px; + left: 60px; + position: absolute; + top: 60px; width: 120px; } </style> </head> <body> <p>Test passes if there is a green square with black border around, and no any red.</p> - <div class="greensquare"></div> + <div></div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateY-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateY-ref.htm deleted file mode 100644 index 9bea839cbf4..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateY-ref.htm +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html><head> - <meta charset="utf-8"> - <title>CSS Transforms rotateX Reference</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <style> - div { - left: 10px; - position: absolute; - top: 50px; - } - div.greensquare { - background-color: green; - border: 5px solid black; - height: 120px; - left: 65px; - top: 45px; - width: 120px; - } - </style> - </head> - <body> - <p>Test passes if there is a green square with black border around, and no any red.</p> - <div class="greensquare"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm index dfc2bbd9bea..39e5235ce9a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm @@ -5,37 +5,18 @@ <link href="http://www.intel.com" rel="author" title="Intel"> <style> div { - height: 240px; - left: 70px; - position: absolute; - top: 100px; - width: 240px; - } - div.origin { - background-color: green; - } - div.redsquare { - background-color: red; - height: 60px; - left: 70px; - top: 190px; - width: 240px; - } - div.greensquare { background-color: green; - height: 240px; - left: 160px; - top: 100px; - width: 60px; - transform: rotate3d(0,0,1,90deg); + height: 100px; + left: 80px; + position: absolute; + top: 80px; + width: 100px; } </style> </head> <body> <p>Test passes if there is a green square and no red.</p> - <div class="origin"></div> - <div class="redsquare"></div> - <div class="greensquare"></div> + <div></div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm index 91b055cbaca..cf56c391bc2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm @@ -8,33 +8,30 @@ position: absolute; } div.container { - background-color: gray; - height: 200px; - left: 65px; - top: 45px; - width: 200px; + height: 100px; + top: 60px; + width: 400px; } div.blue { background-color: blue; - height: 180px; - width: 90px; - left: 120px; - top: 55px; + height: 100px; + left: 200px; + width: 100px; } - div.greensquare { + div.green { background-color: green; - height: 180px; - left: 140px; - top: 55px; - width: 90px; + height: 100px; + left: 100px; + width: 100px; } </style> </head> <body> - <p>Test passes if there is a gray square with <b>one blue</b> and <b>one green</b> box inside, and no any red.</p> - <div class="container"></div> - <div class="blue"></div> - <div class="greensquare"></div> + <p>Test passes if there is a <b>green</b> square and a <b>blue</b> square, and no any <b>red</b>.</p> + <div class="container"> + <div class="blue"></div> + <div class="green"></div> + </div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm index d89bc37feef..f501db5a59a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm @@ -2,21 +2,21 @@ <html><head> <title>CSS Transforms Test: transform property with rotateY function</title> <link href="mailto:codedancerhua@gmail.com" rel="author" title="Noah Lu"> - <link href="http://www.w3.org/TR/css3-transform#transform-property" rel="help"> - <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-rotate" rel="help"> <style type="text/css"> - .green{ - width: 140px; - height: 200px; - background-color:green; + div { + height: 100px; position: absolute; - top: 50px; - left:80px; + top: 80px; + } + .green { + background-color: green; + left: 80px; + width: 100px; } </style> </head> <body> - <p>The test passes if there is a green rectangle and no red.</p> + <p>The test passes if there is a green square and no red.</p> <div class="green"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm index 0e2c83fe7fc..4b724d4e9e4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm @@ -1,7 +1,7 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reference File</title> - <link href="xiatian@ebay.com" rel="author" title="Ebay Inc."> + <link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc."> <style type="text/css"> .container { height: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm index 670e6e3e832..f3712ff1831 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm @@ -1,7 +1,7 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reference File</title> - <link href="xiatian@ebay.com" rel="author" title="Ebay Inc."> + <link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc."> <style type="text/css"> .container { height: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm index 583aeb82e41..05679802951 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm @@ -1,7 +1,7 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reference File</title> - <link href="xiatian@ebay.com" rel="author" title="Ebay Inc."> + <link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc."> <style type="text/css"> .container { height: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm index 915ac5eb537..c5b65e600d9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm @@ -24,7 +24,7 @@ <h4> There should be a green block on the page. </h4> - <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1"> <polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/support/support/README b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/support/support/README deleted file mode 100644 index ea8cb9ef357..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/support/support/README +++ /dev/null @@ -1,4 +0,0 @@ -The swatch-green.png file in this directory is really a RED swatch, -and the swatch-red.png file is really a green swatch. - -This directory is used to test relative URIs.
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-origin-013-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-origin-013-ref.htm new file mode 100644 index 00000000000..07ee292a614 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-origin-013-ref.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html><head><title>CSS Reftest Reference</title> +<link href="mailto:Ms2ger@gmail.com" rel="author" title="Ms2ger"> +<style> +div { + margin-top: -2px; + width: 50px; + height: 100px; + float: left; +} +.fuchsia { + background: fuchsia; +} +.orange { + background: orange; +} +</style> +</head><body><p>The test passes if there is a vertical fuchsia stripe to the left of an orange stripe. You should see no red.</p> +<div class="fuchsia"></div> +<div class="orange"></div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-propagate-inherit-boolean-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-propagate-inherit-boolean-ref.htm index ecf7cdeab2c..e0a9046205a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-propagate-inherit-boolean-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-propagate-inherit-boolean-ref.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head> <title>CSS Reftest Reference</title> - <link href="http://dbaron.org/" rel="author" title="L. David Baron"> + <link href="https://dbaron.org/" rel="author" title="L. David Baron"> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <style> p { diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform3d-rotatex-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform3d-rotatex-ref.htm index d6157f3b475..3513e5d6853 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform3d-rotatex-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform3d-rotatex-ref.htm @@ -3,6 +3,7 @@ <title>CSS Reftest Reference</title> <link href="mailto:mwoodrow@mozilla.com" rel="author" title="Matt Woodrow"> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> + <link href="reference/transform-lime-square-ref.htm" rel="mismatch"> </head> <body> <div style="transform: rotatex(45deg); width: 100px; height: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm index 8a66f9c9325..ff0f9c2ddd1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm @@ -1,7 +1,7 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reference File</title> - <link href="xiatian@ebay.com" rel="author" title="Ebay Inc."> + <link href="mailto:xiatian@ebay.com" rel="author" title="Ebay Inc."> <style type="text/css"> .container { border: 1px solid gray; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm index c4f62602210..75f5348ed44 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm @@ -14,7 +14,7 @@ <body> <p>The test passes if there is a green shape and no red.</p> <div class="greenSquare"> - <svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" version="1.1" y="0px" x="0px" viewBox="0 0 200 100"> + <svg xmlns:space="preserve" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" version="1.1" y="0px" x="0px" viewBox="0 0 200 100"> <polygon points="200,100 100,100 0,0 100,0 " fill="green"></polygon> </svg> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm index 58348470dda..014438db173 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm @@ -14,7 +14,7 @@ <body> <p>The test passes if there is a green shape and no red.</p> <div class="greenSquare"> - <svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" version="1.1" y="0px" x="0px" viewBox="0 0 100 200"> + <svg xmlns:space="preserve" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" version="1.1" y="0px" x="0px" viewBox="0 0 100 200"> <polygon points="100,200 0,99.999 0,0 100,100 " fill="green"></polygon> </svg> </div> |