Bug 1253189 part 5 - Import reftests of css-values. r=dbaron
authorXidorn Quan <quanxunzhen@gmail.com>
Thu, 03 Mar 2016 18:28:23 +0800
changeset 288759 7d6fb17b4b32f8df992700f2ee643bee59305197
parent 288758 7506f6202e24920bbed5fd7d6cdb6fdde8a031c9
child 288760 6d8001b49fea6e73ddc1d3b7940840c21515b5cf
push id30089
push userkwierso@gmail.com
push dateWed, 16 Mar 2016 00:26:08 +0000
treeherdermozilla-central@7773387a9a2f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1253189
milestone48.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1253189 part 5 - Import reftests of css-values. r=dbaron MozReview-Commit-ID: DgYTyHV9Leu
layout/reftests/moz.build
layout/reftests/w3c-css/failures.list
layout/reftests/w3c-css/import-tests.py
layout/reftests/w3c-css/received/css-values-3/200-200-green.html
layout/reftests/w3c-css/received/css-values-3/all-green.html
layout/reftests/w3c-css/received/css-values-3/attr-color-invalid-cast.html
layout/reftests/w3c-css/received/css-values-3/attr-color-invalid-fallback.html
layout/reftests/w3c-css/received/css-values-3/attr-color-valid.html
layout/reftests/w3c-css/received/css-values-3/attr-invalid-type-001.html
layout/reftests/w3c-css/received/css-values-3/attr-invalid-type-002.html
layout/reftests/w3c-css/received/css-values-3/attr-invalid-type-003.html
layout/reftests/w3c-css/received/css-values-3/attr-length-invalid-cast.html
layout/reftests/w3c-css/received/css-values-3/attr-length-invalid-fallback.html
layout/reftests/w3c-css/received/css-values-3/attr-length-valid-zero-nofallback.html
layout/reftests/w3c-css/received/css-values-3/attr-length-valid-zero.html
layout/reftests/w3c-css/received/css-values-3/attr-length-valid.html
layout/reftests/w3c-css/received/css-values-3/attr-px-invalid-cast.html
layout/reftests/w3c-css/received/css-values-3/attr-px-invalid-fallback.html
layout/reftests/w3c-css/received/css-values-3/attr-px-valid.html
layout/reftests/w3c-css/received/css-values-3/calc-in-calc.html
layout/reftests/w3c-css/received/css-values-3/calc-in-media-queries-001.html
layout/reftests/w3c-css/received/css-values-3/calc-in-media-queries-002.html
layout/reftests/w3c-css/received/css-values-3/calc-invalid-range-clamping.html
layout/reftests/w3c-css/received/css-values-3/calc-parenthesis-stack.html
layout/reftests/w3c-css/received/css-values-3/ch-unit-001-ref.html
layout/reftests/w3c-css/received/css-values-3/ch-unit-001.html
layout/reftests/w3c-css/received/css-values-3/initial-background-color.html
layout/reftests/w3c-css/received/css-values-3/support/1x1-green.png
layout/reftests/w3c-css/received/css-values-3/support/1x1-lime.png
layout/reftests/w3c-css/received/css-values-3/support/1x1-maroon.png
layout/reftests/w3c-css/received/css-values-3/support/1x1-navy.png
layout/reftests/w3c-css/received/css-values-3/support/1x1-red.png
layout/reftests/w3c-css/received/css-values-3/support/1x1-white.png
layout/reftests/w3c-css/received/css-values-3/support/60x60-gg-rr.png
layout/reftests/w3c-css/received/css-values-3/support/60x60-green.png
layout/reftests/w3c-css/received/css-values-3/support/60x60-red.png
layout/reftests/w3c-css/received/css-values-3/support/README
layout/reftests/w3c-css/received/css-values-3/support/a-green.css
layout/reftests/w3c-css/received/css-values-3/support/b-green.css
layout/reftests/w3c-css/received/css-values-3/support/c-red.css
layout/reftests/w3c-css/received/css-values-3/support/cat.png
layout/reftests/w3c-css/received/css-values-3/support/import-green.css
layout/reftests/w3c-css/received/css-values-3/support/import-red.css
layout/reftests/w3c-css/received/css-values-3/support/pattern-grg-rgr-grg.png
layout/reftests/w3c-css/received/css-values-3/support/pattern-grg-rrg-rgg.png
layout/reftests/w3c-css/received/css-values-3/support/pattern-rgr-grg-rgr.png
layout/reftests/w3c-css/received/css-values-3/support/pattern-tr.png
layout/reftests/w3c-css/received/css-values-3/support/ruler-h-50%.png
layout/reftests/w3c-css/received/css-values-3/support/ruler-h-50px.png
layout/reftests/w3c-css/received/css-values-3/support/ruler-v-100px.png
layout/reftests/w3c-css/received/css-values-3/support/ruler-v-50px.png
layout/reftests/w3c-css/received/css-values-3/support/square-purple.png
layout/reftests/w3c-css/received/css-values-3/support/square-teal.png
layout/reftests/w3c-css/received/css-values-3/support/square-white.png
layout/reftests/w3c-css/received/css-values-3/support/support/README
layout/reftests/w3c-css/received/css-values-3/support/support/swatch-green.png
layout/reftests/w3c-css/received/css-values-3/support/support/swatch-red.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-blue.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-green.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-lime.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-orange.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-red.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-teal.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-white.png
layout/reftests/w3c-css/received/css-values-3/support/swatch-yellow.png
layout/reftests/w3c-css/received/css-values-3/support/test-bl.png
layout/reftests/w3c-css/received/css-values-3/support/test-br.png
layout/reftests/w3c-css/received/css-values-3/support/test-inner-half-size.png
layout/reftests/w3c-css/received/css-values-3/support/test-outer.png
layout/reftests/w3c-css/received/css-values-3/support/test-tl.png
layout/reftests/w3c-css/received/css-values-3/support/test-tr.png
layout/reftests/w3c-css/received/css-values-3/vh-calc-support-pct.html
layout/reftests/w3c-css/received/css-values-3/vh-calc-support.html
layout/reftests/w3c-css/received/css-values-3/vh-em-inherit.html
layout/reftests/w3c-css/received/css-values-3/vh-inherit.html
layout/reftests/w3c-css/received/css-values-3/vh-interpolate-pct.html
layout/reftests/w3c-css/received/css-values-3/vh-interpolate-px.html
layout/reftests/w3c-css/received/css-values-3/vh-interpolate-vh.html
layout/reftests/w3c-css/received/css-values-3/vh-support-atviewport.html
layout/reftests/w3c-css/received/css-values-3/vh-support-margin.html
layout/reftests/w3c-css/received/css-values-3/vh-support-transform-origin.html
layout/reftests/w3c-css/received/css-values-3/vh-support-transform-translate.html
layout/reftests/w3c-css/received/css-values-3/vh-support.html
layout/reftests/w3c-css/received/css-values-3/vh-zero-support.html
layout/reftests/w3c-css/received/css-values-3/vh_not_refreshing_on_chrome-ref.html
layout/reftests/w3c-css/received/css-values-3/vh_not_refreshing_on_chrome.html
layout/reftests/w3c-css/received/css-values-3/vh_not_refreshing_on_chrome_iframe.html
layout/reftests/w3c-css/received/import.log
layout/reftests/w3c-css/received/reftest.list
layout/reftests/w3c-css/skip.list
--- a/layout/reftests/moz.build
+++ b/layout/reftests/moz.build
@@ -274,16 +274,18 @@ with Files('unicode/**'):
 with Files('view-source/**'):
     BUG_COMPONENT = ('Core', 'HTML: Parser')
 with Files('w3c-css/**'):
     BUG_COMPONENT = ('Core', 'Layout')
 with Files('w3c-css/received/css-conditional-3/**'):
     BUG_COMPONENT = ('Core', 'CSS Parsing and Computation')
 with Files('w3c-css/received/css-namespaces-3/**'):
     BUG_COMPONENT = ('Core', 'CSS Parsing and Computation')
+with Files('w3c-css/received/css-values-3/**'):
+    BUG_COMPONENT = ('Core', 'CSS Parsing and Computation')
 with Files('w3c-css/submitted/conditional3/**'):
     BUG_COMPONENT = ('Core', 'CSS Parsing and Computation')
 with Files('w3c-css/submitted/css21/**'):
     BUG_COMPONENT = ('Core', 'Layout')
 with Files('w3c-css/submitted/flexbox/**'):
     BUG_COMPONENT = ('Core', 'Layout')
 with Files('w3c-css/submitted/fonts3/**'):
     BUG_COMPONENT = ('Core', 'Layout: Text')
--- a/layout/reftests/w3c-css/failures.list
+++ b/layout/reftests/w3c-css/failures.list
@@ -1,8 +1,24 @@
 # LIST OF REFTEST FAILURES FROM IMPORTS
 #
 # The syntax of this file is as follows:
 #    1) All lines marked with a '#' are comments.
 #    2) A failure is denoted by a path, starting
 #       with module. E.g.:
 #         css3-multicol/block-clip-001.xht
 
+# Bug 435426
+css-values-3/attr-color-invalid-cast.html
+css-values-3/attr-color-valid.html
+css-values-3/attr-length-invalid-cast.html
+css-values-3/attr-length-valid-zero-nofallback.html
+css-values-3/attr-length-valid-zero.html
+css-values-3/attr-length-valid.html
+css-values-3/attr-px-invalid-cast.html
+css-values-3/attr-px-valid.html
+# Bug 968761
+css-values-3/calc-in-calc.html
+# Bug 1256575
+css-values-3/calc-in-media-queries-001.html
+css-values-3/calc-in-media-queries-002.html
+# Bug 1256579
+css-values-3/vh-interpolate-pct.html
--- a/layout/reftests/w3c-css/import-tests.py
+++ b/layout/reftests/w3c-css/import-tests.py
@@ -26,16 +26,17 @@ import re
 # move in the W3C repository.  And we probably also want to import each
 # test only once, even if it covers more than one spec.)
 
 # But for now, let's just import a few sets of tests.
 
 gSubtrees = [
     os.path.join("css-namespaces-3"),
     os.path.join("css-conditional-3"),
+    os.path.join("css-values-3"),
 ]
 
 gPrefixedProperties = [
     "column-count",
     "column-fill",
     "column-gap",
     "column-rule",
     "column-rule-color",
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/200-200-green.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are interpolated correctly (reference rendering)
+	</title>
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: 200px; height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/all-green.html
@@ -0,0 +1,1 @@
+<html style="background: green"></html>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-color-invalid-cast.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (colors)
+	</title>
+	<meta name="assert" content="
+		Invalid color values in referenced attributes are replaced by the fallback value
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: red; width: 200px; height: 200px; }
+
+			#outer { background: attr(data-test color, green); }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="qqffuutt"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-color-invalid-fallback.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (colors)
+	</title>
+	<meta name="assert" content="
+		When the fallback value of an attr() function is invalid, the delcaration is ignored.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; width: 200px; height: 200px; }
+
+			#outer { background: attr(data-test color, qqffuutt); }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="red"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-color-valid.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (colors)
+	</title>
+	<meta name="assert" content="
+		The value of the reference attribute is used correctly in the layout when it's a color.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: red; width: 200px; height: 200px; }
+
+			#outer { background: attr(data-test color); }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="green"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-invalid-type-001.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (types)
+	</title>
+	<meta name="assert" content="
+		When the type of an att() function is known and unexpected, the declaration is ingored
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: 200px; width: attr(data-test color); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="green"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-invalid-type-002.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (types)
+	</title>
+	<meta name="assert" content="
+		When the type of an att() function is known and unexpected, the declaration is ignored
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: 200px; width: attr(data-test number); height: 200px; }
+			/* NOTE: while '0' is a valid length AND a valid number, the number type isn't a valid representation of a length. */
+			/* The reason for this is that most numbers aren't valid length */
+			/* ! Spec need some updates to make those assumptions clearly valid (see Tab Atkins for details) */
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="0"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-invalid-type-003.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (types)
+	</title>
+	<meta name="assert" content="
+		When the type of an att() function is known and unexpected, the declaration is ignored
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: 200px; width: attr(data-test number); height: 200px; }
+			/* NOTE: while '0' is a valid length AND a valid number, the number type isn't a valid representation of a length. */
+			/* The reason for this is that most numbers aren't valid length */
+			/* ! Spec need some updates to make those assumptions clearly valid (see Tab Atkins for details) */
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="0"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-length-invalid-cast.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (length)
+	</title>
+	<meta name="assert" content="
+		When the value of referenced attribute isn't a valid length, the fallback value is unsed instead.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: attr(data-test length, 200px); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="qqffuutt"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-length-invalid-fallback.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (length)
+	</title>
+	<meta name="assert" content="
+		When the attr() fallback is an invalid length, the delcaration is correctly ignored.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: 200px; width: attr(data-test length, invalid); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="300px"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-length-valid-zero-nofallback.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (length)
+	</title>
+	<meta name="assert" content="
+		The value of referenced attribute is used correctly as a length (even if it's 0).
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+			#outer2 { background: red; }
+
+			#outer { width: 200px; height: 200px; }
+			#outer2 { width: 200px; width: attr(data-test length); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+	<div id="outer2" data-test="0"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-length-valid-zero.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (length)
+	</title>
+	<meta name="assert" content="
+		The value of referenced attribute is used correctly as a length (even if it's 0).
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+			#outer2 { background: red; }
+
+			#outer { width: 200px; height: 200px; }
+			#outer2 { width: 200px; width: attr(data-test length, 0); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+	<div id="outer2" data-test="0"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-length-valid.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (length)
+	</title>
+	<meta name="assert" content="
+		The value of referenced attribute is used correctly as a length.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: attr(data-test length); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="200px"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-px-invalid-cast.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attributes references (pixels)
+	</title>
+	<meta name="assert" content="
+		When the value of the referenced attribute is not a pixel value, the fallback value is used instead.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: attr(data-test px, 200); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="300px"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-px-invalid-fallback.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (pixels)
+	</title>
+	<meta name="assert" content="
+		When the fallback of a pixel attribute reference is invalid, the declaration is ignored.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: 200px; width: attr(data-test px, 300px); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="300"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/attr-px-valid.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Attribute references (pixels)
+	</title>
+	<meta name="assert" content="
+		Attribute references for pixel values are replaced correctly at computed time.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { position: relative; background: green; }
+
+			#outer { width: attr(data-test px); height: 200px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer" data-test="200"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/calc-in-calc.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Calc() inside calc()
+	</title>
+	<meta name="assert" content="
+		The calc() function notation is allowed inside a calc() notation.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"/>
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; overflow: hidden; }
+			#outer { position: absolute; top: 0px; left: 0px; background: green; width: 100%; }
+			#outer { height: calc(calc(100%));
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/calc-in-media-queries-001.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units and Media Queries Test:
+		Calc function inside media queries
+	</title>
+	<meta name="assert" content="
+		The calc() expression is supported in the min-width media query.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+	<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+		html { background: red; }
+		@media (min-width: calc(100px)) {
+			html { background: green; }
+		}
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/calc-in-media-queries-002.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units and Media Queries Test:
+		Calc function inside media queries
+	</title>
+	<meta name="assert" content="
+		The calc() expression is supported in the min-width media query properly (=with range clamping).
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+	<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+		html { background: red; }
+		@media (min-width: calc(-100px)) { /* should clamp to 0px */
+			html { background: green; }
+		}
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/calc-invalid-range-clamping.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Range clamping into calc() expressions
+	</title>
+	<meta name="assert" content="
+		A calc expression can evaluate to a value which is outside the validity range.
+		If it does, this value must be clamped into the range.
+		The declaration must not be ignored.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/>
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"/>
+
+	<link
+		rel="match"
+		href="reference/200-200-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: white; overflow: hidden; }
+			#outer { background: green; width: 200px; height: 200px; }
+			#outer { border-radius: 10px; border-radius: calc(-10px); }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/calc-parenthesis-stack.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Calc() inside calc()
+	</title>
+	<meta name="assert" content="
+		The calc() function notation is allowed inside a calc() notation.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"/>
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; overflow: hidden; }
+			#outer { position: absolute; top: 0px; left: 0px; background: green; width: 100%; }
+			#outer { height: calc((((((((((((((((((((((((100%)))))))))))))))))))))))); }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/ch-unit-001-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Values and Units Test Reference File</title>
+<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
+<meta name="flags" content="">
+<style>
+div {
+	background: green;
+	height: 10ch;
+	width: 10ch;
+	float: left;
+}
+
+</style>
+<body>
+  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+  <div></div>
+</body>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/ch-unit-001.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Values and Units Test: support for the ch unit</title>
+<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
+<link rel="help" href="https://drafts.csswg.org/css-values-3/#font-relative-lengths">
+<meta name="flags" content="">
+<link rel="match" href="reference/ch-unit-001-ref.html">
+<meta name="assert" content="The ch unit is equal to the used advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.">
+<style>
+span {
+	background: green;
+	color: green;
+	top: 0; bottom: 0;
+	position: absolute;
+}
+div {
+	background: red;
+	color: red;
+	position: relative;
+	height: 10ch;
+	width: 5ch;
+	float: left;
+}
+
+div + div {
+	width: auto;
+}
+
+div + div span {
+	width: 5ch;
+}
+</style>
+<body>
+  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+  <div><span>00000</span></div>
+  <div><span></span>00000</div>
+</body>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/initial-background-color.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units + CSS Background and Borders Test:
+		Initial property and background-color
+	</title>
+	<meta name="assert" content="
+		The initial keyword is supported on background-color.
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#attr-notation"/>
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: green; overflow: hidden; }
+			#outer { position: absolute; top: 0px; left: 0px; red; width: 100%; height: 100%; }
+			#outer { background: red; background-color: initial; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
index 0000000000000000000000000000000000000000..b98ca0ba0a03c580ac339e4a3653539cfa8edc71
GIT binary patch
literal 135
zc%17D@N?(olHy`uVBq!ia0vp^j3CU&3?x-=hn)gaEa{HEjtmUzPnffIy#(@^1AIbU
z85$Vo{9HN_$mQ~MaSW-rm7D-%GchneRloNK$dW8^jVKAuPb(=;EJ|f?Ovz75Rq)JB
bOiv9;O-!jQJeg_(RK(!v>gTe~DWM4f4{;-!
new file mode 100644
index 0000000000000000000000000000000000000000..cb397fb090e199c51e80e4243d1ede03a79aa8d9
GIT binary patch
literal 135
zc%17D@N?(olHy`uVBq!ia0vp^j3CU&3?x-=hn)gaEa{HEjtmUzPnffIy#(@^1AIbU
z8U8bv#2r`x<Z^ksIEGZ*N=^W>nHU(Ks^9wqWJ#8|MwA5Sr<If^7Ns&crsOB3DtP85
brl$s_CZ<#to=mj?Dq`?-^>bP0l+XkK_<AEq
new file mode 100644
index 0000000000000000000000000000000000000000..3f86b0721955eb4e0f014102c68c2a9764ef7593
GIT binary patch
literal 109
zc%17D@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}blwj^(N7lsBPi@{?l_gf&vS>O>_
t4B~>Z+sSM@uznZE5RU7~83_qL_!*d47#lvcEzbk#@^tlcS?83{1OV}g7K{J@
new file mode 100644
index 0000000000000000000000000000000000000000..9b9a03955baea7abde9e056e8604e18694e49b66
GIT binary patch
literal 109
zc%17D@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}blwj^(N7X}b$5czEp52QH@JR*yM
sv<Dcwoy@ia>vwSs;kcfhkdX0%pMi;mv7v)wwiig7r>mdKI;Vst0MNe`HUIzs
new file mode 100644
index 0000000000000000000000000000000000000000..6bd73ac101874f306d007e9cea8fa3a1f62dce16
GIT binary patch
literal 135
zc%17D@N?(olHy`uVBq!ia0vp^j3CU&3?x-=hn)gaEa{HEjtmUzPnffIy#(@^1AIbU
z|1&U1KH@Y7a=AQR978H@B_{ycObm=q)$jcQvLs7fBT9nv(@M${i&7aJQ}UBi6+Ckj
b(^G>|6H_V+Po~-c6)||a`njxgN@xNA!@(kn
new file mode 100644
index 0000000000000000000000000000000000000000..dd43faec54ae60a210f1eab6ff4e7c88b8e34c97
GIT binary patch
literal 109
zc%17D@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}blwj^(N7l!{JxM1({$v_d#0*}aI
vAngIhZYQ(t!1`SrLpZJ{|M>s^e?0@|Z|1)jn|nS0B^W$i{an^LB{Ts563-pM
new file mode 100644
index 0000000000000000000000000000000000000000..84f5b2a4f1d1865d763cac875bfa6a8c5c576c91
GIT binary patch
literal 224
zc%17D@N?(olHy`uVBq!ia0vp^HXzKw1SGf4^HT*<jKx9jP7LeL$-D$|I14-?iy0WW
zg+Z8+Vb&Z8pdfpRr>`sfEmlzu3&R;K0lq*X$r9Iy66gHf+|;}h2Ir#G#FEq$h4Rdj
z3<Y;j-+=H&K5?KTUr!gukc@k8FBtMN81S%c^q)Ar(pb!~&BKo6T4>(2QlSh?@M7jG
eOI|GCZ+2WP<2UBa)$Kro89ZJ6T-G@yGywqpiaLV;
new file mode 100644
index 0000000000000000000000000000000000000000..b3c8cf3eb4c89bd8f2d1ffde051856f375e3a3de
GIT binary patch
literal 218
zc%17D@N?(olHy`uVBq!ia0vp^HXzKw1SGf4^HT*<jKx9jP7LeL$-D$|I14-?iy0WW
zg+Z8+Vb&Z8pdfpRr>`sfEmlzu3yE9XPACF}BuiW)N}Tg^b5rw57@Uhz6H8K46v{J8
zG8EiBeFMT9`NV;W+&x_!Lo)8YJ?F^Fz`((>;PMkU^HzRy4~NuGe(INq1>ePjdKrGS
TIXtNc8p+`4>gTe~DWM4fy9-d)
new file mode 100644
index 0000000000000000000000000000000000000000..823f125b8e4a60f780f00443c9c9a10b9fa1f447
GIT binary patch
literal 217
zc%17D@N?(olHy`uVBq!ia0vp^HXzKw1SGf4^HT*<jKx9jP7LeL$-D$|I14-?iy0WW
zg+Z8+Vb&Z8pdfpRr>`sfEmlzuQ<1cFzubXBk|nMYCC>S|xv6<249-QVi6yBi3gww4
z84B*6z5(HleBwYwZk{fVAsP4Ho@3->VBlchkp2JMEhm9(EUQo2%VrV@UNUpX$1;`+
Ty_~-WXd;8BtDnm{r-UW|v1>m&
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+   pattern-grg-rgr-grg.png   20x20
+   pattern-rgr-grg-rgr.png   20x20
+   pattern-tr.png            15x15
+   pattern-grg-rrg-rgg.png   15x15
+
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/a-green.css
@@ -0,0 +1,1 @@
+.a { color: green; }
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/b-green.css
@@ -0,0 +1,1 @@
+.b { color: green; }
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/c-red.css
@@ -0,0 +1,1 @@
+.c { color: red; }
\ No newline at end of file
new file mode 100644
index 0000000000000000000000000000000000000000..85dd7324815b8f8ef1a1d0496224c1a0661db9d8
GIT binary patch
literal 1883
zc$@)S2c-CkP)<h;3K|Lk000e1NJLTq003eD003hM0ssI3n4EHI0000LbVXQnLvm$d
zbZKvHAXI5>WdH}z3>gRm8%$Aad;kCd2XskIMF-Ff83-yN8ye1400009a7bBm000id
z000id0mpBsWB>pL*-1n}RCwC$Tnn<>HVmXZK1a^ho3&SK4-(g{9GN13#R7t8y*I%m
zZ)BMw!6g9VLwR{T9*v;e^Z&9e>xbnR^*7(`)-M11{_j7xFNSfJ@$>S&(_i1@5GH@m
zhpeXC{afFEKhVJCt^WWpLj3iQEg77_JYJnk79anUvL0gx`(AYZ27s0x;q_WRcJD`A
zg+R7jBu}y@4l@kFdQJ7DGoh@H-xD(&>S?#kV5MJwAHN8ovs16uEnknmyyLJw3_Dz}
z-2t_1y-WcyWmd+)eVZDoh>C$4rk3Oju)y$mQ#%^)+P>PB74gM`GN6$$a17nlNge7-
z3RmB|dPjb|$p?mh6-(D?ThB@WuYf>+sj1twj=G%GFkj5O!mZqLtqotF8cC*N$ri;H
z2HQ+$17ses$k7#RTbJz}gD2-`@wiB%W8DFRH7rLV$VR8C-{$0BU^7QA)6xcOPkeLG
zIC+y8#pH<ZE4DkLuB$eJu=YD09p6saU_=3B*q=j^t+sjfsKzKVsF6<N*#6N`(<ECy
zIXKz+z9s_>H3S(N>pr`5y87*;bv|b^HW*-n7#c-VH5l06wfM%K8tMv%QYu1VMJ&`q
zXuT9g-DjG%ok+2IhK&G~#M;r0zu4sf-`3+KmoX<0eCv7>JZuYAQ4+JlXds3Yz$`iq
zO!pQ9wr}Yor1)n9bJP~%@)tD+crwU7nJ%PeORd0)1m4F<)qG~XO2nT^iMivEf)z-D
zBxjR-YQ3Q3>4*f>(%TkH;D#Ki*aVYot>nkyxLr9zV62-PtQAsVZ<)M&ROZ`q=r-yb
zxV0FojhaWJa00$t-zE`xTYXArX#ra%P+dk^apt~h+vO{<A@@#@ZFd70kl?YRKP5&g
zb`j&Qn9|8fN_S*$P|_f3a(aM4y>N9i$&>6i;Se`Xu#!Aka_7=8lY{bL`gE8-D*^)!
zY7!?ohKiqcXDjd>0jZICXBl_KZ$6sC00LyW54V5*dj5-!>hm-t>Ht(52LoWuR*1xE
z2G*{@twTZxdhmIo{825j6wMk`;$*SKGZc>R!t=-#&gkXa<yH8pw79M3dp_ikAFn&8
zlrN9ORLOJsca5=ic6o}b2pc1mIER3bjmUh7pG>kkRkQfHYSKVRo~#WuBph;XemDuD
z6qUJ989evMeRwkDj)54kU$UA#IGU-IZHnWTVRA#9kA1APN3ZjwA2_hn2Ug_Nvo#=1
zvdA6|8~BUnoI@62w{|P|2@lwrchE#7bJ6Kq6kBhZllSFE87tja$&a^Vsv9DzjxZA*
zQVOrQc2nyJWb8G&wn4GZFkUv;Z=ATnxIprXHN_9;9UHeyvrlY2*kxbFPXGYML&r3)
zen%FSp5K}|`|V@N#w>xf>JHCqGnQ($o1mTz0Za^NSrBZ!onF6dnw<3&y(VH1bndXf
z391*{FlywkRueb2`q*Y`c5i|#c-`R1y$R0#>_jShsA?F))d087sWd*L&RJQPVgO6z
zuKDv)`2I=hc!ut73ss<T4Sc(1p2frAo70eTGSQX~W-TmJr(%YaR!iQ`4Ur=@=?jjU
zfTygMe0q~vry0lFm|`8tJ+roq*(WDI6R9%w#!|-Y#%eR(ke!N@^4>>?(GbUMv>AFu
zU<y*Z1YJ38rx1Sr_(M)_9Tc=-h}Yr*n2uA=E}I+loFj7auyHJrfHI|Po@I%y`4tj7
zZ|2XgMqBeQS(s^b?xD;O6`XX77pU2u-JQEex9#}uQe_K^?kYOxRi<VJVwG%9W16&C
zB}3F3+z%GVHY()dth0|pcjvht>SWGaq^ijA)f<0KH8%k6{9y7l%|MvpgU?6jsh(M$
z5N*sz^783ghS!jcq!BDms81L*G}VLWyHB!u>=8qC&htH>PmP{A<v#~L#&MqpRv4yG
zw4r_l@+VBe#^s0kwg9GF@{ms(MG=X;Z*q>HB})c5>>6kFjvP9zMaPHfq~YhEr7DrH
zD;~lup<3-juf%_Prr9Z-V4nORxcT&~FF{{2Nk&bqG}pd>$n(1*n4sj(w0;RH6sT{j
zbhUJqyjT6iN>h5jrHP`lGXxi;LI(=%bR`2^fsT95-&yGjH)}sb@TGCA(mUti&QX<4
z{U$^U=I18hwKL%pN^cWLwM6MtTI+-Up~5fcjt@Bxe*M77{d?${Py^67eTt4eFFZ)l
zh8I~nmB}UQ_u%EtP`CsPA88ZuaO!(Y>9V^z>txmUh$SjH&7r>5XT86X<2m!DSg2-=
z-<rS@<i5Y4N=-ro_(K1~{gF<l7M3R7QZPDFa>~W*e9lSUNASn#NOM-@)>-Im^e@d-
V<q-+yJ<<RG002ovPDHLkV1mLWjBEe^
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/import-green.css
@@ -0,0 +1,1 @@
+.import { color: green; }
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/import-red.css
@@ -0,0 +1,1 @@
+.import { color: red; }
new file mode 100644
index 0000000000000000000000000000000000000000..9b88fbd81149891234185f54f8b4a0431759f181
GIT binary patch
literal 222
zc%17D@N?(olHy`uVBq!ia0vp^HXzKw1SGf4^HT*<jKx9jP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg44gppHg^c>jqd=iJPZ!6KjC*fy
z8gelx@Gu{^HvM;TY)zwU$c{IS(wnBFeYtT?qh#}i+>eP179zlX|30sumufTRE+B#Q
jJePWx&kbz|5I0kznWOaej?gzin;1M@{an^LB{Ts59-mW(
new file mode 100644
index 0000000000000000000000000000000000000000..fcf4f3fd7d95431b8cd1bc5f5129fcb724c5e40f
GIT binary patch
literal 231
zc%17D@N?(olHy`uVBq!ia0vp^x**KK#K6FKsNOXi$XVy<;uunK>uuO>p#}vW?s@X}
z?5{Vn@(E1fdg>#_p5-zBiX+1VA%+4b26mx2|7={&ovNQ>6SXtcysBl-)c><WmS!Y(
zv7BNEzPH=%x{1!KjWd@lmbz(awP;VviDQ{7SW3K#guH|K-#!i8$dVG=UlQ?2Ho)uu
z>9DyExiv#HMbsD$XX>p~Q&Z4f6DV?h!MD37E_}{<nz@wk)ekYNY^%>svR6Ky{&{h`
fDhG(UQO-Q~pMsNotNvM_%Naaf{an^LB{Ts5h3Hy_
new file mode 100644
index 0000000000000000000000000000000000000000..d454e3a630cd98146c241537dbb3d4cef313f465
GIT binary patch
literal 223
zc%17D@N?(olHy`uVBq!ia0vp^HXzKw1SGf4^HT*<jKx9jP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg44gppHg^c>jqd=i}PZ!6KjC*fy
z8gelx@Gu{^HvM;TY>lI9$c{Iy(wkbIbyRJ-o`3vUZZ|(OF9Q6nGtzszXKw9ExeG`j
k-E5KlqACYx1X%C$w4CD$N64zrK&u!$UHx3vIVCg!00%}%YybcN
new file mode 100644
index 0000000000000000000000000000000000000000..8b4b25364e0ffbe09e563e13b567fa57330e48d5
GIT binary patch
literal 137
zc%17D@N?(olHy`uVBq!ia0vp^azM<_!N$PA*s|9jBoW~0;uunKD><d1=|2z8e@O`m
zi5U_X7?eM1T?jqI(8f2(=fLXOHJ)xxeNNw5J?)fkN19wc<FT&3eZzeBMQLtcCc<9q
mCdFSHSg)@*x>)QnGsEKzd}=q=PizO8&EV<k=d#Wzp$Pzi&n><H
new file mode 100644
index 0000000000000000000000000000000000000000..cf2eea6b438a11503a89414cbb2f9f1fde55df0c
GIT binary patch
literal 691
zc$@*V0!;mhP)<h;3K|Lk000e1NJLTq0077U001%w0ssI3;WRTK0007dNkl<Zc-rlq
zy{h6s7=~wbiC|&k#KzV}uoP2RSPBY)sHIn;ot@^CYHeD*0k6SU@&o=<wt~SzQP6LT
z+1+9bIY?G>_PkGJCLw%0c_-t<Byu8R0TE%rfqnf#2=STCc!0-|BNJiWm+$+t+3XF+
zG01&|R6WZ2a%FMO8DoZFSe6xdSs{%)dLqg~Sttu-y|XONIp^Fk491wQ>y1Vu;JWBp
zVzJoqc$A+V$Du&M;PW30)i^&u7Gwd)f-J~_EXabafA}Ss^LRYITrL@7hr_}5ea4uo
zs-EXfr_-?8qSw;z_hYfxZnq<%d_G?&6l8n7UMHeNA~7D1DXd_+^X%M^b1Xhu#0egw
zA!I?;mp#FUr6!IGxafwE1t1HuAPce}3$g%YK^9~|*6&HOysvn(*(i##-EJ9UsZ`3c
zEZerjZtKO@{G-umsZ=7OWHL!ax~|LH&Qw+HcDr($*H`sP-cZ*0d?q4I(}+k2AsaiL
zj;3j@>xNm@j~53yo6Tl2nfZLaSS%Dp@jOqqx7+P>I$bK2_WONkdm(-b!)ORuq3(u{
zuZ3eR);?H^UI=h{2M87b0ALRNMpGQFFcbm=3m{kkAXosw0tglW2o^xF0D=Vof&~yP
zfM5aey@Mqmboq;Vy>6Q3^?Ef;v)OFQ#$+;S+qUC4@()R>)vA0j20RIU1AN~f3<kMe
zPA*0wk^B8lM7P^58jZ@v;czH~5JH%ySu7Suqmd9o*Y(L{67t7~@KDnmXti3a)#`LQ
z^?JQ>xhxxNwc21XxLhtDA0P5nd4E{1*Of{|zC6!y9M^SKRYkDydOv{gSOCES0Ko#G
Z;3u}YJM}AuyWao+002ovPDHLkV1h`wI+p+d
new file mode 100644
index 0000000000000000000000000000000000000000..9f46583665ca6471075227f9e2244f1ba1ffece0
GIT binary patch
literal 671
zc$@*B0$}}#P)<h;3K|Lk000e1NJLTq0074T001%w0ssI35I<<G0007JNkl<Zc-rlq
zv8v)g6oyYUj*(OvJMF|<*xQPQHX;gQ=Q9YtMk4qIcD_Uk3p+s&EW|>6gP<0o<3OBS
z1j1$6y@J=>jmiI2W)i~T^Pfp3CPtA`(u;`E>xkCAIOm38{A6Fs3%^GNnFzqX(&;o2
zDT)%hOaxRt$_h?dilXdxyZwIuAIl18<k1sR7Ro|dDC@73<(+Ub#)4IrH|Pr?i0E>;
z;NbHP*$SvFj1Q0nSpc#i3$h>!vLNd#s;X8h6(Y)HGDMWkW{IfR>*e!#BI@`1L^K!-
zq999sxJ98*&~=@N=JPpYY_r)A(Q>)W<#PTuuIolY7N$GT%2E_8{&5kbJC1`e1yhkZ
z{QWZiAyepm0H$CHreF%DU<$w#Ou-aPy%*}kd9U|DN?9(KiD<D{L{ydh79vWeQmfTU
zN_jXOj>n_dsO!3I+fqu~wx`pn*C<1c`p_d0X`044S5?*jCFXoSGsc7vhGD3xigAie
z)6_I=x7!g>wOXy$>t1^zkyx+So-)UAqG0No%Wt8-X!kNxI7<M}X6pN1hP7CW{s%Cs
z1EdN70HQYojOJV%M?e6ODu7f0qzV9}3LsSgsR9700!S4=ssK_208$0QoT}fxKB3)i
zTb3n+uq><7>A-U2c*&C|r_;$a%~Gl4EyiN8`~5DZbX_+dkNXem%w{vr`D8LF7K>iv
z?RKlxYUA;^)oKYL{4FJTXMQ?Xb-Uf|cFP#!ocsSC*Jw0`!=VsjG#WLVO@HH$j}Ibp
z9OvtMgBWAUWb%5w;_jEw@bB(q!d+8H6#$q60;CFrn@_JUXnGtsT_OMg002ovPDHLk
FV1h+lHID!Q
new file mode 100644
index 0000000000000000000000000000000000000000..a837eca2225082917dc952efd5c689e1b51d7bbd
GIT binary patch
literal 760
zc%17D@N?(olHy`uVBq!ia0vp^MnHU=gNcEGaWU)iTMP_L`#oJ8Ln>~)opsRfQGkd;
ze)kq>afh25lNKiW9??&5?NHJA%O>=XS@{0}+4zG^EwY_?F_M#iv9}3z1aeiSUzA*K
zu(aV(kHK?2k3BK|`KL4QXWugp33W=8Xj?T)Nc8vQ(%9`GT4(2eudkH7c2+NL?u$dR
z-nKS2Z~j`Y^K+f^ZT|OzL59~vJ9g=>@?L(q?{UxZ$KUny^7DVzuDt!h?mmN?plfyf
zmG|FWk8IKrjGUqMkB_(Yd8N`MAGQ3vyhA@<bgG)GyNbMZyBKBu{M65@X^X#_xz|N(
zNI2NE)qRbRnzGW(oG=%g^U{3n2NQ}bDsH?iaanTtWy$WlscV`SSj{;6?RV|zP4C{l
zb6FCjH+xxSZLO}-<dZ7%&v$p^-rjt(=cAyQ4#>1ywbzy(%Ux#+<}|T#gG9?_n$GnL
zUK#SiePsyOw7;>}x9Vgku7B`~<KEgPU54g^2R_?``Yyk`>Xk*`s(JJ0KQFQj%{7r)
zbt}iL)bq?nx5a@6yp{&7nsqXz>CffMm(RcYnakO|rl9#~(#I!HTteT!e?R%;lGnRd
zMQMom`TO7h&1I+D{M{YNeh?%3_nO>&`T1oD%I_{Lt2w=3t?#1;@^aQU+JC&g<y1Mv
zz48u_Jgy66xTB)~m$vo93;tUawt8!n?)~r4Ys2=&^?TO2{Y+JS$h-8R?ZRc5`}Xc#
z`ReuSY^8}Eo?Ra6uUA)AW^TXj?(XhbWHfWi>8Gn#uim`b`2Kh0@9U4f$&3A^9Huq3
zyPNy|cYS^R)mO88f?WFg`(2-W{CKf&&i5s$k=t_Z?d|Im1oODL%RhP-$p6;=>@9CE
zZ-3Pz<ILyp`n(Kl_I;X?o^<#~+qM9?r<vSO1LwgQa!^zVVs8fu7G`h1^^0-&1TEE@
TkDiGG(=~&qtDnm{r-UW|pD}f`
new file mode 100644
index 0000000000000000000000000000000000000000..84141028020b7e8cdf2412acbca3c799ba50a534
GIT binary patch
literal 757
zc%17D@N?(olHy`uVBq!ia0vp^MnHU=gNcEGaWU)iTMP_LdpunnLn>~)o#p7Q6)4em
z{$d*2BG*@!Lc3jVdA+?Q+2PW(<&`<hUq0SH>~H^wHaWhIaoO!ruE(m{QKE2v_l)kA
z-e(KKcYm$vKGDDac}?&6nKO$m!Y2I`xEAGUC@i-6WK{O=zyHpiJNNeO+xv#s?=j!Z
zxcM?)V^6`#D~}&Pp5?A$`q-&{Ubpelh>!(auZC((&D%cv^wS>0zQ+>Dv(7%_|5v|q
zao)lohkkPybSa7E=I2W%vo$wv-F7j<M5=efqK_3hJ(iZ1hR5E#eOo#2c)7cvt4QFM
zmy258?Tg>%?^YeP{?keR*WWj6TXu)LZemGAMMlrg{rmeFE-(LJ<A3S&Y482_`L|4a
zV$ruGZ1vX<9}HH``Sp4I^9xs8BD45(?Git7i|IscNI2NU%6%<AQFrUQr?(D+*uNsK
z-AeFYem8ITy4x>H79F(9J8|Uk$H$M8Jv&{Tg0!YiDk&_S=(k)oHZIO<*REZcdS={{
zuBxt{yk+-pZOxfJY$vZ@zkcEDg32{MYQY*JDz>(^mVKA=wyUOYzPWhuV$b-4=Px{%
z$%e2Th4Ih)n%4Jii+OXN^U50EH_FiV%E>KwbJFnX`>SH77TcV93?lRX?%3v3t25Q>
zYSz{7f3vnm=}n&=UKe)8nqN87Kq5qIYIAe*gJc~s>Hg!B?%lut_~VZ!0cY>ty<1?h
z=KAa3zkfRxnMghT{B!o~*_$^T-~aB+cl(TOm+|MUx%21S+uQG6XD!2b`DMuj9kFhp
zSN6TXp0)Mz<;$LhYLg9*eW}_TqGjs2Yu)S0xB|ZnX6^YuvuE_Kt@(F!lHQ)Dmf!E2
z+A>7!E1LfNXq&k7EvL#U%XO!?SHc-kbR5LK<AlU;M@8|4e;9Mu*>85<p1Ba1s2Mz6
L{an^LB{Ts5<0^fE
new file mode 100644
index 0000000000000000000000000000000000000000..0f522d78728417b0f74b694e2e47cd41c00359d1
GIT binary patch
literal 92
zc%17D@N?(olHy`uVBq!ia0vp^f*{Pu3?vyBU)>3$*aCb)TpJh~{xkePDssRFB<<<q
n7*cU7`N#kLjg3MaSNIuL+z|fjF-g!1D9PaI>gTe~DWM4f*isp&
new file mode 100644
index 0000000000000000000000000000000000000000..e567f51b91bbe40754cb0e0cae066201219cbb4a
GIT binary patch
literal 92
zc%17D@N?(olHy`uVBq!ia0vp^f*{Pu3?vyBU)>3$*aCb)Tp1b~82<lv|F?D~NZQlI
nF{I*F@{j-f8ykf<uJALgxFP)4W0Ig3P?EvZ)z4*}Q$iB}@>Uv7
new file mode 100644
index 0000000000000000000000000000000000000000..5853cbb238cb2d4aba3dd49af3f2ba64d6c7a2de
GIT binary patch
literal 78
zc%17D@N?(olHy`uVBq!ia0vp^f*{NRBpBq_B-DVEsHcl#NX4yWiv~UkzCZ4)$}udm
Z3=C_{1@!OB{@4Xl=;`X`vd$@?2>|f05A6T|
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/support/support/README
@@ -0,0 +1,4 @@
+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
new file mode 100644
index 0000000000000000000000000000000000000000..1caf25c992aa8e23483cddb3334b5f51ec967f4a
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5X>wg9Y$w!>#KrWA`i(^Q|
dt>gp+Mj%g@f$_JNuojTT;OXk;vd$@?2>=8a4uJpw
new file mode 100644
index 0000000000000000000000000000000000000000..0aa79b0c86bd72c2220ecce39b9553e2cd3605b9
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5XD?<aroS#c40=Yb%E{-7;
dw~`YS7=b)p2FBl7!dgHUgQu&X%Q~loCIBjB50U@?
new file mode 100644
index 0000000000000000000000000000000000000000..bf2759634d45dbe3df13868341eddb7e4bf24172
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5XD+9y-u8K?HKrWA`i(^Q|
dt>gp+Mj%g@f$_JNuojTT;OXk;vd$@?2>>P$4{-nh
new file mode 100644
index 0000000000000000000000000000000000000000..0aa79b0c86bd72c2220ecce39b9553e2cd3605b9
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5XD?<aroS#c40=Yb%E{-7;
dw~`YS7=b)p2FBl7!dgHUgQu&X%Q~loCIBjB50U@?
new file mode 100644
index 0000000000000000000000000000000000000000..55fd7fdaedfc1ed505b111f20fabbca568c68fa5
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5XE5m;VlehybfLtC=7srr_
dTgeFuj6j|)1LJQkVJ#qw!PC{xWt~$(6968w4?q9_
new file mode 100644
index 0000000000000000000000000000000000000000..d3cd498b52bd88ea6c991f050f1ecb1cfdd136bb
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5X>;I(;rzSbh26A~kT^vIy
dZY3uuFamkH42-|EgtdSy22WQ%mvv4FO#nq@5F-Ep
new file mode 100644
index 0000000000000000000000000000000000000000..1caf25c992aa8e23483cddb3334b5f51ec967f4a
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5X>wg9Y$w!>#KrWA`i(^Q|
dt>gp+Mj%g@f$_JNuojTT;OXk;vd$@?2>=8a4uJpw
new file mode 100644
index 0000000000000000000000000000000000000000..0293ce89dea5c9413e4c829cc83a4e39d8f23300
GIT binary patch
literal 156
zc%17D@N?(olHy`uVBq!ia0vp^{2<K11|+SoP4xm&jKx9jP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg4R#65`cCM1`H9#R5PZ!4!jq}MV
s85uv$JE$cjEnw)$lDlfNN|Kv_A+(E0c5RvdE}%LFPgg&ebxsLQ0IVw~FaQ7m
new file mode 100644
index 0000000000000000000000000000000000000000..1a7d4323d77287d8eb03a89c635b09d099d94869
GIT binary patch
literal 85
zc%17D@N?(olHy`uVBq!ia0vp^{2<H-Bp8I(u6Pcln3BBRT^Jbeb_p*5^7uSm978H@
gCI9%}-<ZL|Fh5TA$_Ah94?yZYUHx3vIVCg!0Qo5vZ~y=R
new file mode 100644
index 0000000000000000000000000000000000000000..1591aa0e2e274854ed836cf582235ea0202f9c8e
GIT binary patch
literal 84
zc%17D@N?(olHy`uVBq!ia0vp^{2<K83?vyP*g1g|bAV5X>;L}@UB|w-0=Yb%E{-7;
dw~`YS7=b)p2FBl7!dgHUgQu&X%Q~loCIDbL5Y7Mq
new file mode 100644
index 0000000000000000000000000000000000000000..904e24e996a3e5da93bef89e10c49e24c07d0ed2
GIT binary patch
literal 1368
zc$@)P1*iInP)<h;3K|Lk000e1NJLTq003kF003kJ0{{R3g3O3#0000aP)t-s005aY
zGnr;)nE(LHGc(L)X3UwH%*@QpW@i7Hng7hp|NsC0s-1y@0000CbW%=J|NsC0|NsC0
z|Ns9065r0w00001VoOIv3m@0SzyJUQ%1J~)RCwC$mrHKsHV}qI#0OA$)CUNV+0PNC
z5z>1FDgrZWOHO<59>534BKsDgp7p3B>I7zAF2$Eby&QX;;i_BGr>dV-tSTkfVYNIl
zi$7l1mTrsB_C8C-i#4X^3LaLG>jn4e0?941+dy=QV9i9xkG(@4H;@(~ogt^a`43yj
z^`**Zh^{Td#Pj%+Qr%fKN-5`g;nYOF+LzqmXhmO+m0gFk>gfe#F-NRAhUdXXT_P3&
z5hZ>zhPowUE`a<#=%qb^0(KmTs?O^A;`TX0ocz1q{qO362uJ`J02e5qdmo1g`RwHP
z!A7z7fk;yZJFK4j+J<J_!!kFwGv}DTl*m6N!y-fSp;zS$vG4R+^f3f3FkDp6`iZB@
z9Rq0{yOh5|GFgnv$G$b5jmSNW@=3{zpgZ``cV=57#LB;M$gx-;>{j+R-gEgot3{VQ
zT_EJMJvHm{U-0*2vCJ(xH5>9<9E?yX{cn>?Cg7{`b(@FBIAj4b8LLlxUA}&DNX9v(
z3NQA_a4!BS*5!`~%BqqjA5Y&4uFEHnEyD3&j#zU)o^f5S%cniIzr|OZ3i>ow5`DiR
zKV-E(ZYQ3EdZkb6@<UeNeUB?iBFq`D*X2*MI!I#{X}9FZS$$Qmwt_`|Y{-wZnqKV6
z1blp+IyR9XXEjwg7bU<2vXH;?C)8Cq%49XyvL(Ou3A1w<`?`EvZGvCF2-_3drF_v3
zWsvc|O+gEO*$ta$@sA0cmcFE8)2I`NWRx;N{9|`#gBRBOOq5lHKJ|AG{lc-r?c}4)
zL-$z5Md6GLEg?qSW3G#N#pKN%xTocLj)Y#BeKpr}_iC1cFHVHGREV^M$HW)&`;U1U
zqa(S7SZ8*J-qhDnFUE@G8)EF3n+2Q$s`7)uute1_k<QgF7t5n>rGpW1SV4To*jSQh
zlcG$a4=ps-GU>1C2_a&@$I%?>7`aa!VnfzdIeZ#?+sUD|PY~B%U0^7GO|Nu@sDsJ#
z@KlWWEXlsO1AjC<{IhGw<M`A>1$M}i5N36xL4oHW;3LYQL{&USeE7rWXggil@q+qy
zcqZ;IV<F)o1Yw4G7>JjWW`PLt<%)`T&`L8>V}>Oa<kn^+iI7n5LHubaqvh(*WJr7^
z)T>O$2em@zx|mEC771}cDVqgE!@z!yT>QYv82lFP(%@F<5;wl4TqknAA$72YTMI-#
zh4f`KPMMiy>XyGdc~Of)_A<zfoj!JJF(=#0d7SY)+PJ~38KUdBOaRb$*jPKdJK=EV
zrkm0Z8xVG(YE0}Yt@-e>+14L1KJ#R!khI&B)WtXi&X5b{lL3*@ZkLC@MvW|+A?7gN
zW^9D0T;2*9*?`>~p)-$sKP@gC`DhvB0@0TW$+>vr68OLZ|AFHIA?8UIVp5VL8#iJF
zp>x%gNY!OhEyLo1uORl+--}g*Wst2R?yDkOfv7^I8;JRK;rXg-$rj?i69C?WTvb<5
z-Ama!5K|d3=PQC<K{RE8uwP1VM##=LEUkC!&4^ZAZE86{8mYSe$D&=JS`K8398A-<
zAkI6YxS&bnwNTEyqw<esfq5o26J~CRQnjl~iN@O75YIKX+q?rYE}CZZF2t>$$WP>d
ai~I`(b4pM507-ZN0000<MNUMnLSTZUYM}!F
new file mode 100644
index 0000000000000000000000000000000000000000..f413ff5c1a0f2ad9f9a345d3e07be57a59a82207
GIT binary patch
literal 1045
zc$@(h1nT>VP)<h;3K|Lk000e1NJLTq003kF003kJ0{{R3g3O3#0000aP)t-s005aY
zGnr;)nE(LHGc(L)X3UwH%*@QpW@i7Hng7hp|NsC0s-1y@0000CbW%=J|NsC0|NsC0
z|Ns9065r0w00001VoOIv3m@0SzyJUPhe<?1RCwC$ms@V5FcgLlnk;}*nH@}b&;=9;
z`W^{0$~+gU<h>dx3m9n@P^7faO%<|&!sf>KZm^B!d3qut2z>beeU2{xp@)&j(02``
zTY^Y(yls!8j-g6{#iqXUOZZmq^{tQRnwIpYptOGKE#wg=geU|udB&pePc3cOueFKs
zvzd?t6~fN!7xtH~ecHeFR|~mNE=(hU<zcj=XW{%Yp6UJ6N@ftUzmC!P5cbt`?6jy?
zkn>j9-;D~v`nZNntt8~9LC7xNOec_RZz1(-9N|5dP=m0v9-_#(n4W^-V2~txiYhzj
z!i$YK*$mpxEQDn<+Gk7q?5d2K>8gc&fN~c@-gEJg62@yGi)KdJFKsVL7OffK1s(gk
zuDvn5Y{BU<F%-%e((qKG8u5Ul%idy$ct({KxR(KBlCq)lwQ%n=>I*USjd;i%YrdEb
z{Sn*_^roe9hCXX0U8@*Tm5}W<;uM1)L8qv|EjeFw?$DQBbYc7Y_+{2Z;0_;OA3x6W
z0PY|Sr^RF&+^N9lo^nJde+0T>e|Q%!CAxA~?GMkwJ^q*@L1D^DW{@@e8aZfW&HlL(
zh^h58`-7ZbHV<zaS+W1w2>0aSI!6vcWNu~EzD%TLWzD`y<i?s$R_yCU8Y@az$o?{s
ztJ8(Yy+rUffV?jfsir=p{xwOCNIQ`VxeF})mt`W=%)g=j#qveyLfcAweUa7TT2Y9%
zj|Z80xYL7JBN#v$SuMm7!T-APcUV_RUG7#w6p(kTFo<b#?tbL$mc9)MbD|J81-xCa
zu1iy(+!eIf8G_WOYv>wDV7Xr)zJ+r5pkj?+g<rb&*<VHdwnQ#%k*B`?n)b<=Z)r8M
z*w%Y?pY@=}iIK&e%yly-p3Gaau$<qAqFp+%WF>S_u|SWDG`g}53&gW~H?kPATZn)^
z{pHpDF0f_Yc)Al>7VPVTai^XiPQR;MAxJ&d2ec|FrET5HXc}tCS~{7gaV(KcTp<oc
zQD|B7>QZ^Z1TjZ~gu`3RQzOf}P2=}cU|fp)kR|{zS!z=9ML<>z3CM~dAz5JrL$V?W
z4Q^@!)=5xS07+PK!ylVGm5`=3ktPvYvS1MHR5ItZK3>BJtE{TnlF}3mey44O;Kkq6
ztd@0Ivcj%UvClb}M#-r)(X{Qa==a|U(_!d)YlyiY`vK(N;tTmg{#)cPVxOudoeJ1E
P00000NkvXXu0mjfoHYWE
new file mode 100644
index 0000000000000000000000000000000000000000..e473bf80efc66766cb32ec2cc60244ed37dc1157
GIT binary patch
literal 180
zc$@*W089UgP)<h;3K|Lk000e1NJLTq0015U001%w1^@s7JXu?L0001cNkl<Zc-rli
z!4AM62t%pa|Nk<(E?zL=Fq+2^X)3e<nYr61nsxC@Ld$8rPiTZTB&ja&s6as%ZJL|M
z=rOcU${2vp2YUvrojv1iz<}=oKePMm#BU3e)Gz&dnG;ue53v^M#Hf!LH5!*`jH~Z=
iHN+4@%ynW{5626)ITymFxuX~W0000<MNUMnLSTZVu1667
new file mode 100644
index 0000000000000000000000000000000000000000..82eeace7fc0c4202f79610978ab423e62abf8939
GIT binary patch
literal 2412
zc${^X3pmqn8^=c{T7;NI4qM(*Mou9U5{WW}%$Y`88FMz0l;d2JL+IczS&e!VW@(k_
zMYG7M<x~v+<@9&hf0}yv=k)%jx~})S-s`=7&-L8j>-RkO{oMEG{yo?A%RGm&m)WVZ
z69fXuIGnb10c;xxBmtF@1ZIA;IvWI%Hgd2%;TAU}D0RZ`@r9<B<>$;$!NqLfkwOT!
zRp+A=6)e+gr@P$-LQN{CZZz$zuK3_IQ`ex^Fn=I`{g<R;_<6;nR4dKrnvl|Xr|t%*
z%$2#~1ErlyG4fiaChhlEc#9<~CHJ!&@wzy>L;V|~f~*`Z7JBLth5pH&Mmh9-era)h
zUFDKS;c1Vx!qmjG$$sAg&k1Su3Nu$U1`^qOn){`>Npg8<Y1?!SS08Rn5)8ZbDVj#{
zm1xPRi*bfi-0R>jOZ7tvdU)d%=<czM3rBt!SUZy*YY+UHhcO<1SUmofczQnCoWWqA
z&h6tz6hvS<$AyW9yRfeK#JIRP5!#{6KbZHU%%CUXB^h>sg5732<%T<O7Ra|f{@dN<
z@|~%;U^VZpEuv`nq+(dwnD^t>ywePhu@mulN8A9>$C9?EvFM-+^RoNuJ6oj>yoCa+
z+Gpu!BNprRq1+$utu{ylr%VzinAJN|GyXwIdz8A{^06J`GNg;@89_OC^={+#Y`tiV
z)`69^sShx(lyi<jlg<s4begA1N0e6N=JOFT3yIO$8v_pG>;BUMa5N@2XEaYIohs9h
zg$K)rXjdAOu?B9gs0`gon#-Y56wYw(w6ku9LSE#neGizD4MR>g@$y}AiSugH-KD)=
z{;#8FdMllux#O3WuMQ({Ox0VQzCJh0GU1pRRIflBA6pu~kg1kZBbyzhfr(?=AgmF<
z#I~u@;uGk)TgUv_o}@Gn?!yfo-dfHc|LOHJ{So!Ea?M3F6w>r2!)%v4m@Y@==5pn5
z5l}b;1A|~BFnNqN&wc46yDlo0kB~jN8SqzN%<H$&J8*nNNg5*@!j+(d=yG83kfNo2
z>@BTlGMSByy70-!&o2ayG&sECN>N2Sm*`V9-BX5sdO?0BwxKb}POH!{ljQQgu4-<u
zhTJyNKos&`<)5XS?XqtgG4*^Hr=hB>wokyV-Pmwi`|<rLX<{*6{#epFi)3+ad7&i@
z3>W>$-7g<6n#k<P>9F-ZG+k}i9W{*#Prt}Y+VHb2>YDoYEm|l<mZBaU)hSY7Q0$WJ
zH%q7jQB#Typg0&rbF<XVYGJ?RuUGD?4x?*-_?DP9iOB&YEB)&q8=SCPjPN^W@W)2I
zj$M3KNs2MdS8&`bBc=xy6CiKx;mP3)OoIq*JOHK`$!|2khPnA#%6DAy&k%IVQR6C{
zfeJv|K;<@ou^W!dV?cpezxV&QD=_I?3y+;PEg5O{Bs^>VTv{Fx6`N5cZq9keW6wUs
z1HiJLh#R(<E@|5@o91!DgET2qRj{63=u$E{;8j&1E2BfR%ueqQ?ysxz(L1==o<qO8
zm3+!R<Vih&IsE;qFMdQ2i!99^FfVkx@~n5}`M^~ok%-5i!H0SdOifjU4rkwwQPj{o
zo!Q3Wqz}AyJDk}zJ3BixR767P=?%STeEwVu9u*ZOh#i(EVlXXT7c~TQerG~;!AGt|
zf%byj)3>$4`tz#>wQm<Z_Fr43b1$1&RoB$0rqdaW{qV)b#a2v28`C^6+HA`g0#qGo
zWMt$ux3;#HlCq^TK0iOd-pdK^`?S9#VB+?@vqZuu>vM3utyX?}w7D8?d`UPa^R_m$
z;hc7mVc@4;DKf1fk|(f;nB_k6X1YA-1HL*tt>UgX2}|AQ1%oyIu)_<mg2?$Ua%i`R
zx?h_1KOE&c-=AnhBQX8V5)NJGrJ!JaNB{zqwM{HQ97(YN1xkp;4f>{N@&E*gV;w%o
zde~^?lCXIEYPyZ4cm<j@#=P$02s7uGE~sZLjJ|uXe}sFIS7{Ng1YX7VwUkrx=r_u9
z%k^KD>*wknV5J;fKCbw0f~(BWBa)#f<94(l0}uh)srP!7t=!X9FPNdFPJRlqRn4CE
zf$`N?Gnc!SIINUcQ)>5=Bm)pqk}XI!6+;(g(?R02HCcN`Z!XC0N&_;a=F*#z6e5m8
z_#<Hok;3gQ2`=xo1_N6GZ*?%>EjJ32Rw6H;T9aQ+5Z|Ds{IcZt59KE0+T81S)RS3>
zzSHh$DNV_ZL9`$lHk&+dgLH(}aXWqy0cu3G!dY8R!U7OY9-vg>1C0Erff$(~WGk3h
zEaB`TART9qU^P20-EQb&vr@MFxFfrloTWt0+9uuZkxB%Z?FF}aSaVd8IA026+3>&!
z=Ka(lg!?EA@{_k_P_0NdmAFY<A0js@Ep!9Y(N~ldFI&fD7zMvE^pVZ}L+KGJ@}1xH
z!<JN;SILSkJ_r83gX%<@!O*!jU$AL&b93lwAA?=vqR9><64}jhe|iA{k$I~PA(vSt
zsn<p<d)YNPo_>MszI((Ui^Y~qzw#j@CHdnM!^6*MD{c=_%-gYB{VWQFa&{gJK8hO`
ziRu<vel=FtS6?p4!>RGhqGi1DN>iS5s7bLYfp^(hrBT<_)phJmVw6Qe&-9Lvc|jAO
zf6=5^(D=64G|YBFFwC^KEYx$(rmuUoTV7iZ|32FvVuG}?8Vjx$A4gU`f;GI4AFNJX
zU8bYyevMaY_1C|CX%&eKIgZ(Mj){(2a4Hky4qfrQh|Ti6b%`j2oovKe()w;F@ta$7
z#<IT+Pw3`GUbu6_91MPxIV;Sci|-GP2@C6~s}cwVK6=w3h`SvXSB74M7GY^FU*ToT
z%<Rc`KE@AvWR#MW%0~!5@(q49NUI8$Cj{ox`oE&hXQE#(wTz660L%!Xp<UhG=Bm0K
zULGEwcsv$SNC_RjdB&-ACs<Wg6}Y2=UjMrGcb(heW2(x^%4jq?blA_^+uO@)cI_*V
zS3-I|EU+p6Fnk%xVYAse8dfcGMr|H>`yA}OKf?k~e9GVRe=lC3L;zx;Yy%|GY0^uD
T-WLG>Qy>RBlx?+5K=OY84hnWq
new file mode 100644
index 0000000000000000000000000000000000000000..f6ac0ef7e8f6e192c9c26239884bf92b13cf67b8
GIT binary patch
literal 1025
zc$@(N1pfPpP)<h;3K|Lk000e1NJLTq003kF003kJ0{{R3g3O3#0000aP)t-s005aY
zGnr;)nE(LHGc(L)X3UwH%*@QpW@i7Hng7hp|NsC0s-1y@0000CbW%=J|NsC0|NsC0
z|Ns9065r0w00001VoOIv3m@0SzyJUPb4f%&RCwC$mQ8M}Fc5&T!~r@I9HIMngrJ)4
zQ(^kjbwEn?FN@yb9iWkt>{9_J2)W!F@R;Dg)Lp$zS!5CX;rV991JU){SM-DYAV0|e
zM%uPHwukYjIUJ7B*Q=ZTu2z>QMR^bD+hKK83n7YJaQrDaUiXl8N2@a^ART^^rwFp>
z9#IKgok0Td0KkTyXt?~yXZ<2qM=a7Vzey#Q*6RDnL2!78qHiE=Ex4QTA^lz~J%kTw
zstmq|U|5-t@E~V@SRUkpVNEL-i@q);x>HzkHGJJLeJv;~hO4ub=d-q4IFZka!eTMc
zu`{buHGh%+at79akO>1WhSi7Zh!q^12-bv5K>WppZFh6@Am?f!<BIe8<ZyJvwWFFq
zUcMXE0yolD)G8oeTdi8;=!mNz`J_B*yPwI?M)m~}`KHs5imGL+R7;7ZWotYNJV;A*
zWckKOJq2tdq{0$$(*LL3ZKU7Jv@p{|rJmVH#VIZ=UDrmLfQ3*?VqE$rdu3uFswG*f
z%lCCbgf){JI*%YWuFdgL!bDU{f?kyVyi~}>KvZ5Be|6^zTf#t8UO;S(JZAKN+3ASN
z3j@6)uNUz|&Al}d$_w_F78jlrimN;suUD0qIN$0jWDohucq6MjSV#Rh_J5@Pc!G3f
z_wwM3t6xj|WYw9-AC(uqCDDE%<9fTAh~QL5JzvTmP~Jf3VT_w`oktbsK$-$vb-dY+
zEip&>4?ZIC^U;m)Hw&SbOn!F;BHM*_pCjsYrK_unjA?=AlYvYnPPY~!(~?^V6%rmz
z<RXVlV(+q3UGZ)qa4U<3RPu9z8&h()Lr7;MvMclhIow%G<k?0tDQT)8vXJ#M5t59J
znRmOBS}sb`n8kPXi@9Ww{-vOHwGp3wv!1nUm_EL5ha0)Qi>kimBF|Bjt{e!>7aIY`
z$e-!kZF!dZ$<~h?Ekqu$Hyc?mW_>Y3_Tv~aU&L~krJRVP<{Xh@#O3lKU&e81AT)VW
z+l8Kn<$pJj%%^`<NBnV^?sG(rO721gjrZ5ir7vt3{7A{<<H{~jA7`ID<MD7X!t_;S
zAdaE>s>@+0W|%%6zicXInEvpcG8HpS|5i+Fr$GIwnD~MX)K@9PlerDlpNfeu>p=af
vm<;kz{V6gHxvP)gcJytThUyO|QzGyW8di!g0nvTM00000NkvXXu0mjfqXF-V
new file mode 100644
index 0000000000000000000000000000000000000000..59843ae54b64f6ce4f7e616d4be491c911ea84cf
GIT binary patch
literal 1235
zc$@*#1T6cBP)<h;3K|Lk000e1NJLTq003kF003kJ0{{R3g3O3#0000aP)t-s005aY
zGnr;)nE(LHGc(L)X3UwH%*@QpW@i7Hng7hp|NsC0s-1y@0000CbW%=J|NsC0|NsC0
z|Ns9065r0w00001VoOIv3m@0SzyJUQMM*?KRCwC$mrYXRI26aFnjFBd+de=qdOt_N
zRTBGjNv4=J5|!QqHQb;NfD32Vom9jLqFiod>%)>Qhp^}!Di#F%(|iB->7dhx5Bfwt
zkx%50BC1n|tx|6vK%_mLQWqnX6K;;U`FDFEg`lc|)m4wlpBK4@05B8)B_V|J%_Vlw
za4<$t6qwQ5?fVe&2b-UQ(B}DF=TLGmWzFWjfTsuoBj{dz2tgQl^A0mb5R|kzAGjHU
zzt-QIvk5};13=E&LB-q-)byMklsg#6^|GA>1kTt&3kTTsQcmN$3rJ$UlvDpmfxi-B
zs(OsZVotq*l2F1pfdVHvT}FC0ny!_MGKlO{^1lTH|7D!$)SEgOs2&9Y@Lbr2kd{<#
zhySTga0aoQC4`TSr6hxqDd{GMq~)Oxf{zHUHg7p3EkeB)qa9pj)F50=N<;4i33kkV
z+Zkfqoh0ngavtIa&CE4aHM11QcA(<ZnS*i}9_-kZ;*#IbkX(ZM7}U-VnO=(WZJ}O6
zN?{sklqJk*eYL?f(2HA43tsrLxw#P83GW(do-aa9$Cseyd*a!d^}6HVyqYAe5u#PP
zW%Z*kP*_6LlYHvTg7zzOR0H&%9HKkXNYMzhoi|%+O@~02w{IClNzOR!w=8e?lQnb@
z%pq|-dqh2QW;SdM6#?$Yk>1_eQZqwfj_k!6`W4$RXtT;($sb=Vf=Ltr<fHQ=Orru;
zUn;qEfp&3@JVRc|I^G&)9Ni4A9mSQOHEM$Fe1C)nz8+lD!g*#oEk#T?Ym^*pUDLa@
zP0fmiPIHK0vlU}q+Y5`}FTpe9;sq1LWPGS!Et$V!6C--}V}{^za7DM=t4WauJA@K$
zMP={GAs~J}TSO4+Obz2!!c-2PJ^BD}6(L7%qhFFWlm_w*{A_jB&gyf79BgCs?>w9n
z=2B#u(Pr7sL0tWekex*^{dF&8!>RY)KGWH*ffTXTQc}}ioq82%jI{MEgls^5+h<%O
z^>H1Z@tJtBVk*~XX#88aM!5hI=gDs?hBhOj+jXMvWV-~H?(^Z!I&l*r!fNriI&I;K
z<Iv6+Vk^Q0%(qeN5a+0NAxn^9#sT%s+L9uce-sc;vjLIT_kg$%QSX=-v{o_lKqih2
zSFAju?}mC>UB`|wTQ4r~E*vl-*0C6Qu@PH2eTrR0Wf{T~%Xbknf3wf*S&<+a`6o9M
zz*S7^KKgFY$UnJ0HVgZg8jXfF%*c<rs4-Jtxk{$Dr$zap4viTq<*Snt>L({(KZLbt
zzRNL^s?W;zZP~w5L&>g+M15Ai**#&3n|Wb>4eGP<`;PGlMsC0muRbf^cs3p5##&fh
zIr(FkMaZ}vrt)1Swj2@$kLqXgyORsRw`3xZBX}-f+RL=$<nPGNDtben%J*+U`~KZM
xFqlMZdn&(j3r#(mcWQ87&CEBe=q+_3|9^_Lp+#u>Ntgft002ovPDHLkV1lbeOeO#T
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-calc-support-pct.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are supported inside calc expressions.
+	</title>
+	<meta name="assert" content="
+		Check that viewport units add correctly to percentages in calc() expressions
+	" />
+
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; }
+			#target { position: absolute; background: green; width: calc(100vw + 50%); height: calc(100vh + 50%); top: -50%; left: -50%; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-calc-support.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are supported inside calc expressions.
+	</title>
+	<meta name="assert" content="
+		Check that viewport units add correctly to pixels in calc() expressions
+	" />
+
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/>
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; }
+			#target { position: absolute; background: green; width: calc(100vw + 50px); height: calc(100vh + 50px); top: -50px; left: -50px; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-em-inherit.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		0vh and 0vw are correctly treated as 0px
+	</title>
+	<meta name="assert" content="
+		0vh and 0vw are correctly treated as 0px
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; font-size: 100vw; }
+			#target { background: green; width: 1rem; height: 1em; font-size: 100vh; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-inherit.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are inherited properly
+	</title>
+	<meta name="assert" content="
+		Viewport units are inherited properly
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; }
+			#outer { position: relative; background: green; width: 50vw; height: 100vh; }
+			#inner { position: absolute; background: green; left: 100%; width: inherit; height: inherit; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"><div id="inner"></div></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-interpolate-pct.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are interpolated correctly
+	</title>
+	<meta name="assert" content="
+		The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths"/>
+	<link rel="help" href="http://www.w3.org/TR/css3-animations/#animations"/>
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			@keyframes anim {
+				from { width: 0%; height: 0%; }
+				to   { width: 200vw; height: 200vh; }
+			}
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; overflow: hidden; }
+			#outer { position: relative; background: green; }
+			#outer { animation: anim 2000000s; animation-delay: -1000000s; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-interpolate-px.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are interpolated correctly
+	</title>
+	<meta name="assert" content="
+		The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths"/>
+	<link rel="help" href="http://www.w3.org/TR/css3-animations/#animations"/>
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			@keyframes anim {
+				from { width: 0px; height: 0px; }
+				to   { width: 200vw; height: 200vh; }
+			}
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; overflow: hidden; }
+			#outer { position: relative; background: green; }
+			#outer { animation: anim 2000000s; animation-delay: -1000000s; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-interpolate-vh.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewport units are interpolated correctly
+	</title>
+	<meta name="assert" content="
+		The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths"/>
+	<link rel="help" href="http://www.w3.org/TR/css3-animations/#animations"/>
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			@keyframes anim {
+				from { width: 75vw; height: 75vh; }
+				to   { width: 125vw; height: 125vh; }
+			}
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: red; overflow: hidden; }
+			#outer { position: relative; background: green; }
+			#outer { animation: anim 2000000s; animation-delay: -1000000s; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="outer"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-support-atviewport.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewports units are supported in @viewport rules
+	</title>
+	<meta name="assert" content="
+		Viewports units are supported in @viewport rules
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/>
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" />
+	<link rel="help" href="https://drafts.csswg.org/css-device-adapt-1/" />
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; overflow: hidden; }
+
+			@viewport { width: 1vw; }
+
+			html { background: red; }
+			#target { background: green; width: 100vw; height: 100vh; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-support-margin.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewports units are supported in margin properties
+	</title>
+	<meta name="assert" content="
+		Viewports units are supported in margin properties
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: green; }
+			#target { background: red; width: 100%; height: 100%; margin-left: -100vw; margin-top: -100vh; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-support-transform-origin.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewports units are supported in transform properties
+	</title>
+	<meta name="assert" content="
+		Viewports units are supported in transform properties
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+	<link rel="help" href="http://www.w3.org/TR/css3-2d-transforms/#css-values">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; overflow: hidden; }
+
+			html { background: green; }
+			iframe { width: 400px; height: 400px; margin: 0px; padding: 0px; border: 0px none transparent; }
+
+	</style>
+
+</head>
+<body>
+
+	<iframe src="iframe/vh-support-transform-origin.html"></iframe>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-support-transform-translate.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewports units are supported in transform properties
+	</title>
+	<meta name="assert" content="
+		Viewports units are supported in transform properties (translate)
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+	<link rel="help" href="http://www.w3.org/TR/css3-2d-transforms/#css-values">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; overflow: hidden; }
+
+			html { background: green; }
+			iframe { width: 400px; height: 400px; margin: 0px; padding: 0px; border: 0px none transparent; }
+
+	</style>
+
+</head>
+<body>
+
+	<iframe src="iframe/vh-support-transform-translate.html"></iframe>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-support.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		Viewports units are supported in sizing properties
+	</title>
+	<meta name="assert" content="
+		Viewports units are supported in sizing properties
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			#target { background: green; width: 100vw; height: 100vh; }
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh-zero-support.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>
+		CSS Values and Units Test:
+		0vh and 0vw are correctly treated as 0px
+	</title>
+	<meta name="assert" content="
+		0vh and 0vw are correctly treated as 0px
+	" />
+
+	<link
+		rel="author"
+		title="François REMY"
+		href="mailto:fremycompany.developer@yahoo.fr"
+	/ >
+
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+
+	<link
+		rel="match"
+		href="reference/all-green.html"
+	/>
+
+	<style type="text/css">
+
+			html, body { margin: 0px; padding: 0px; }
+
+			html { background: green; }
+			#target { background: red; width: 0vw; height: 0vh; }
+
+	</style>
+
+</head>
+<body>
+
+	<div id="target"></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh_not_refreshing_on_chrome-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<!-- Submitted from TestTWF Paris -->
+<head>
+
+	<title>CSS Reference File</title>
+	<link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
+
+	<style type="text/css">
+
+		* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
+
+		#frameTest { width: 600px; height: 200px; border: 1px solid #000; }
+
+	</style>
+
+	<script type="text/javascript">
+		var height = 200;
+
+		function resizeReference() {
+
+			var frameTest = document.getElementById('frameTest');
+
+			// let's resize the iframe vertically only, showing that the vh sizes is not updated.
+			if (height <= 300) {
+
+				//frameTest.style.width = height++ + "px";
+				frameTest.style.height = height++ + "px";
+
+				setTimeout(resizeReference, 10);
+
+			} else {
+
+				// uncomment the next line to see how a width resize triggers a layout recalculation
+				//frameTest.style.width = (parseInt(window.getComputedStyle(document.getElementById('frameTest'))['width'], 10) + 1) + "px";
+
+			}
+
+		}
+
+		setTimeout(resizeReference, 10);
+	</script>
+
+</head>
+<body>
+
+<iframe id="frameTest" src="vh_not_refreshing_on_chrome_iframe-ref.html" frameborder="0"></iframe>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh_not_refreshing_on_chrome.html
@@ -0,0 +1,53 @@
+<!-- Submitted from TestTWF Paris -->
+<!DOCTYPE html>
+<html>
+<head>
+	<title>CSS Values and Units Test: vh-based dimension doesn't change when the element's other dimension doesn't change.</title>
+	<link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
+	<link rel="match" href="reference/vh_not_refreshing_on_chrome-ref.html">
+	<meta name="assert" content="vh-based dimension doesn't change when the element's other dimension doesn't change.">
+	<!-- This test exhibits a bug for Chrome 19.0.1084.56 / Mac OS X 10.6.8 -->
+
+	<style type="text/css">
+
+		* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
+
+		#frameTest { width: 600px; height: 200px; border: 1px solid #000; }
+
+	</style>
+
+	<script type="text/javascript">
+		var height = 200;
+
+		function resizeReference() {
+
+			var frameTest = document.getElementById('frameTest');
+
+			// let's resize the iframe vertically only, showing that the vh sizes is not updated.
+			if (height <= 300) {
+
+				//frameTest.style.width = height++ + "px";
+				frameTest.style.height = height++ + "px";
+
+				setTimeout(resizeReference, 10);
+
+			} else {
+
+				// uncomment the next line to see how a width resize triggers a layout recalculation
+				//frameTest.style.width = (parseInt(window.getComputedStyle(document.getElementById('frameTest'))['width'], 10) + 1) + "px";
+
+			}
+
+		}
+
+		setTimeout(resizeReference, 10);
+	</script>
+
+</head>
+<body>
+
+<iframe id="frameTest" src="vh_not_refreshing_on_chrome_iframe.html" frameborder="0"></iframe>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-values-3/vh_not_refreshing_on_chrome_iframe.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<!-- Submitted from TestTWF Paris -->
+<head>
+
+	<title>CSS Values and Units Test: vh-based dimension doesn't change when the element other dimension doesn't change.</title>
+	<meta name="assert" content="vh-based dimension doesn't change when the element other dimension doesn't change. Bug for Chrome 19.0.1084.56 / Mac OS X 10.6.8">
+	<link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
+	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" title="5.1.2. Viewport-percentage lengths: the 'vw', 'vh', 'vmin', 'vmax' units">
+	<link rel="match" href="reference/vh_not_refreshing_on_chrome-ref.html">
+
+	<style type="text/css">
+
+		* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
+
+			/* the first test box has its vertical dimension is set to some vh units */
+		#testBoxWithVhOnly { background: #F00; width: 60px; height: 20vh; float: left; }
+
+			/* the second test box, with fixed height */
+		#testBoxNotGrownHorizontallyByJS { background: #F0F; width: 20vh; height: 60px; float: left; }
+
+			/* third box, changed by using CSS transition */
+		#testBoxWithTransition { background: #FF0; width: 20vh; height: 40px; float: left;
+			transition-property:       width, height;
+			transition-duration:       1.5s;
+			transition-delay:          0;
+		}
+
+			/* the reference box, growing in both directions (height by js, width by vh unit */
+		#referenceBoxGrownHorizontallyByJS { background: #0F0; width: 20vh; height: 40px; float: left; }
+
+		p { clear: both; margin: 10px 0; }
+
+	</style>
+
+</head>
+<body>
+
+<p>
+	All boxes should end up the same size. The green box is the reference one.
+</p>
+
+<div id="testBoxWithVhOnly"></div>
+<div id="testBoxNotGrownHorizontallyByJS"></div>
+<div id="testBoxWithTransition"></div>
+<div id="referenceBoxGrownHorizontallyByJS"></div>
+
+<script type="text/javascript">
+
+	// In case this file was opened by mistake, redirects to proper test
+	if (window.top.location.href  === document.location.href) {
+
+		window.top.location.href = "vh_not_refreshing_on_chrome.html";
+
+	}
+
+	function setDimension(id, dimension, value) {
+
+		var element = document.getElementById(id);
+
+		element.style[dimension] = value + "px";
+
+	}
+
+	function animate() {
+
+		var viewportHeight = document.documentElement.clientHeight;
+
+		var sizeH = 20;
+
+		var referenceDimension = Math.round(sizeH * viewportHeight / 100);
+
+		setDimension('referenceBoxGrownHorizontallyByJS', 'height', referenceDimension);
+
+		setTimeout(animate, 20);
+	}
+
+	setTimeout(animate, 20);
+
+	var transitionedTestBoxStyle = document.getElementById('testBoxWithTransition').style;
+	transitionedTestBoxStyle.height = "60px";
+</script>
+
+</body>
+</html>
--- a/layout/reftests/w3c-css/received/import.log
+++ b/layout/reftests/w3c-css/received/import.log
@@ -74,8 +74,92 @@ Importing css-namespaces-3/syntax-009.xm
 Importing css-namespaces-3/syntax-010.xml to css-namespaces-3/syntax-010.xml
 Importing css-namespaces-3/reftest/ref-lime-3.xml to css-namespaces-3/ref-lime-3.xml
 Importing css-namespaces-3/syntax-011.xml to css-namespaces-3/syntax-011.xml
 Importing css-namespaces-3/reftest/ref-lime-6.xml to css-namespaces-3/ref-lime-6.xml
 Importing css-namespaces-3/syntax-012.xml to css-namespaces-3/syntax-012.xml
 Importing css-namespaces-3/syntax-013.xml to css-namespaces-3/syntax-013.xml
 Importing css-namespaces-3/syntax-014.xml to css-namespaces-3/syntax-014.xml
 Importing css-namespaces-3/syntax-015.xml to css-namespaces-3/syntax-015.xml
+Importing css-values-3/attr-color-invalid-cast.html to css-values-3/attr-color-invalid-cast.html
+Importing css-values-3/support/1x1-green.png to css-values-3/support/1x1-green.png
+Importing css-values-3/support/1x1-lime.png to css-values-3/support/1x1-lime.png
+Importing css-values-3/support/1x1-maroon.png to css-values-3/support/1x1-maroon.png
+Importing css-values-3/support/1x1-navy.png to css-values-3/support/1x1-navy.png
+Importing css-values-3/support/1x1-red.png to css-values-3/support/1x1-red.png
+Importing css-values-3/support/1x1-white.png to css-values-3/support/1x1-white.png
+Importing css-values-3/support/60x60-gg-rr.png to css-values-3/support/60x60-gg-rr.png
+Importing css-values-3/support/60x60-green.png to css-values-3/support/60x60-green.png
+Importing css-values-3/support/60x60-red.png to css-values-3/support/60x60-red.png
+Importing css-values-3/support/a-green.css to css-values-3/support/a-green.css
+Importing css-values-3/support/b-green.css to css-values-3/support/b-green.css
+Importing css-values-3/support/c-red.css to css-values-3/support/c-red.css
+Importing css-values-3/support/cat.png to css-values-3/support/cat.png
+Importing css-values-3/support/import-green.css to css-values-3/support/import-green.css
+Importing css-values-3/support/import-red.css to css-values-3/support/import-red.css
+Importing css-values-3/support/pattern-grg-rgr-grg.png to css-values-3/support/pattern-grg-rgr-grg.png
+Importing css-values-3/support/pattern-grg-rrg-rgg.png to css-values-3/support/pattern-grg-rrg-rgg.png
+Importing css-values-3/support/pattern-rgr-grg-rgr.png to css-values-3/support/pattern-rgr-grg-rgr.png
+Importing css-values-3/support/pattern-tr.png to css-values-3/support/pattern-tr.png
+Importing css-values-3/support/README to css-values-3/support/README
+Importing css-values-3/support/ruler-h-50%.png to css-values-3/support/ruler-h-50%.png
+Importing css-values-3/support/ruler-h-50px.png to css-values-3/support/ruler-h-50px.png
+Importing css-values-3/support/ruler-v-100px.png to css-values-3/support/ruler-v-100px.png
+Importing css-values-3/support/ruler-v-50px.png to css-values-3/support/ruler-v-50px.png
+Importing css-values-3/support/square-purple.png to css-values-3/support/square-purple.png
+Importing css-values-3/support/square-teal.png to css-values-3/support/square-teal.png
+Importing css-values-3/support/square-white.png to css-values-3/support/square-white.png
+Importing css-values-3/support/swatch-blue.png to css-values-3/support/swatch-blue.png
+Importing css-values-3/support/swatch-green.png to css-values-3/support/swatch-green.png
+Importing css-values-3/support/swatch-lime.png to css-values-3/support/swatch-lime.png
+Importing css-values-3/support/swatch-orange.png to css-values-3/support/swatch-orange.png
+Importing css-values-3/support/swatch-red.png to css-values-3/support/swatch-red.png
+Importing css-values-3/support/swatch-teal.png to css-values-3/support/swatch-teal.png
+Importing css-values-3/support/swatch-white.png to css-values-3/support/swatch-white.png
+Importing css-values-3/support/swatch-yellow.png to css-values-3/support/swatch-yellow.png
+Importing css-values-3/support/test-bl.png to css-values-3/support/test-bl.png
+Importing css-values-3/support/test-br.png to css-values-3/support/test-br.png
+Importing css-values-3/support/test-inner-half-size.png to css-values-3/support/test-inner-half-size.png
+Importing css-values-3/support/test-outer.png to css-values-3/support/test-outer.png
+Importing css-values-3/support/test-tl.png to css-values-3/support/test-tl.png
+Importing css-values-3/support/test-tr.png to css-values-3/support/test-tr.png
+Importing css-values-3/support/support/README to css-values-3/support/support/README
+Importing css-values-3/support/support/swatch-green.png to css-values-3/support/support/swatch-green.png
+Importing css-values-3/support/support/swatch-red.png to css-values-3/support/support/swatch-red.png
+Importing css-values-3/reference/200-200-green.html to css-values-3/200-200-green.html
+Importing css-values-3/attr-color-invalid-fallback.html to css-values-3/attr-color-invalid-fallback.html
+Importing css-values-3/attr-color-valid.html to css-values-3/attr-color-valid.html
+Importing css-values-3/attr-invalid-type-001.html to css-values-3/attr-invalid-type-001.html
+Importing css-values-3/attr-invalid-type-002.html to css-values-3/attr-invalid-type-002.html
+Importing css-values-3/attr-invalid-type-003.html to css-values-3/attr-invalid-type-003.html
+Importing css-values-3/attr-length-invalid-cast.html to css-values-3/attr-length-invalid-cast.html
+Importing css-values-3/attr-length-invalid-fallback.html to css-values-3/attr-length-invalid-fallback.html
+Importing css-values-3/attr-length-valid-zero-nofallback.html to css-values-3/attr-length-valid-zero-nofallback.html
+Importing css-values-3/attr-length-valid-zero.html to css-values-3/attr-length-valid-zero.html
+Importing css-values-3/attr-length-valid.html to css-values-3/attr-length-valid.html
+Importing css-values-3/attr-px-invalid-cast.html to css-values-3/attr-px-invalid-cast.html
+Importing css-values-3/attr-px-invalid-fallback.html to css-values-3/attr-px-invalid-fallback.html
+Importing css-values-3/attr-px-valid.html to css-values-3/attr-px-valid.html
+Importing css-values-3/calc-in-calc.html to css-values-3/calc-in-calc.html
+Importing css-values-3/reference/all-green.html to css-values-3/all-green.html
+Importing css-values-3/calc-in-media-queries-001.html to css-values-3/calc-in-media-queries-001.html
+Importing css-values-3/calc-in-media-queries-002.html to css-values-3/calc-in-media-queries-002.html
+Importing css-values-3/calc-invalid-range-clamping.html to css-values-3/calc-invalid-range-clamping.html
+Importing css-values-3/calc-parenthesis-stack.html to css-values-3/calc-parenthesis-stack.html
+Importing css-values-3/ch-unit-001.html to css-values-3/ch-unit-001.html
+Importing css-values-3/reference/ch-unit-001-ref.html to css-values-3/ch-unit-001-ref.html
+Importing css-values-3/initial-background-color.html to css-values-3/initial-background-color.html
+Importing css-values-3/vh-calc-support-pct.html to css-values-3/vh-calc-support-pct.html
+Importing css-values-3/vh-calc-support.html to css-values-3/vh-calc-support.html
+Importing css-values-3/vh-em-inherit.html to css-values-3/vh-em-inherit.html
+Importing css-values-3/vh-inherit.html to css-values-3/vh-inherit.html
+Importing css-values-3/vh-interpolate-pct.html to css-values-3/vh-interpolate-pct.html
+Importing css-values-3/vh-interpolate-px.html to css-values-3/vh-interpolate-px.html
+Importing css-values-3/vh-interpolate-vh.html to css-values-3/vh-interpolate-vh.html
+Importing css-values-3/vh-support-atviewport.html to css-values-3/vh-support-atviewport.html
+Importing css-values-3/vh-support-margin.html to css-values-3/vh-support-margin.html
+Importing css-values-3/vh-support-transform-origin.html to css-values-3/vh-support-transform-origin.html
+Importing css-values-3/vh-support-transform-translate.html to css-values-3/vh-support-transform-translate.html
+Importing css-values-3/vh-support.html to css-values-3/vh-support.html
+Importing css-values-3/vh-zero-support.html to css-values-3/vh-zero-support.html
+Importing css-values-3/vh_not_refreshing_on_chrome.html to css-values-3/vh_not_refreshing_on_chrome.html
+Importing css-values-3/reference/vh_not_refreshing_on_chrome-ref.html to css-values-3/vh_not_refreshing_on_chrome-ref.html
+Importing css-values-3/vh_not_refreshing_on_chrome_iframe.html to css-values-3/vh_not_refreshing_on_chrome_iframe.html
--- a/layout/reftests/w3c-css/received/reftest.list
+++ b/layout/reftests/w3c-css/received/reftest.list
@@ -59,8 +59,44 @@
 == css-namespaces-3/syntax-008.xml css-namespaces-3/ref-lime-2.xml
 == css-namespaces-3/syntax-009.xml css-namespaces-3/ref-lime-1.xml
 == css-namespaces-3/syntax-010.xml css-namespaces-3/ref-lime-3.xml
 == css-namespaces-3/syntax-011.xml css-namespaces-3/ref-lime-6.xml
 == css-namespaces-3/syntax-012.xml css-namespaces-3/ref-lime-3.xml
 == css-namespaces-3/syntax-013.xml css-namespaces-3/ref-lime-5.xml
 == css-namespaces-3/syntax-014.xml css-namespaces-3/ref-lime-3.xml
 == css-namespaces-3/syntax-015.xml css-namespaces-3/ref-lime-1.xml
+fails == css-values-3/attr-color-invalid-cast.html css-values-3/200-200-green.html
+== css-values-3/attr-color-invalid-fallback.html css-values-3/200-200-green.html
+fails == css-values-3/attr-color-valid.html css-values-3/200-200-green.html
+== css-values-3/attr-invalid-type-001.html css-values-3/200-200-green.html
+== css-values-3/attr-invalid-type-002.html css-values-3/200-200-green.html
+== css-values-3/attr-invalid-type-003.html css-values-3/200-200-green.html
+fails == css-values-3/attr-length-invalid-cast.html css-values-3/200-200-green.html
+== css-values-3/attr-length-invalid-fallback.html css-values-3/200-200-green.html
+fails == css-values-3/attr-length-valid-zero-nofallback.html css-values-3/200-200-green.html
+fails == css-values-3/attr-length-valid-zero.html css-values-3/200-200-green.html
+fails == css-values-3/attr-length-valid.html css-values-3/200-200-green.html
+fails == css-values-3/attr-px-invalid-cast.html css-values-3/200-200-green.html
+== css-values-3/attr-px-invalid-fallback.html css-values-3/200-200-green.html
+fails == css-values-3/attr-px-valid.html css-values-3/200-200-green.html
+fails == css-values-3/calc-in-calc.html css-values-3/all-green.html
+fails == css-values-3/calc-in-media-queries-001.html css-values-3/all-green.html
+fails == css-values-3/calc-in-media-queries-002.html css-values-3/all-green.html
+== css-values-3/calc-invalid-range-clamping.html css-values-3/200-200-green.html
+== css-values-3/calc-parenthesis-stack.html css-values-3/all-green.html
+== css-values-3/ch-unit-001.html css-values-3/ch-unit-001-ref.html
+== css-values-3/initial-background-color.html css-values-3/all-green.html
+== css-values-3/vh-calc-support-pct.html css-values-3/all-green.html
+== css-values-3/vh-calc-support.html css-values-3/all-green.html
+== css-values-3/vh-em-inherit.html css-values-3/all-green.html
+== css-values-3/vh-inherit.html css-values-3/all-green.html
+fails == css-values-3/vh-interpolate-pct.html css-values-3/all-green.html
+== css-values-3/vh-interpolate-px.html css-values-3/all-green.html
+== css-values-3/vh-interpolate-vh.html css-values-3/all-green.html
+== css-values-3/vh-support-atviewport.html css-values-3/all-green.html
+== css-values-3/vh-support-margin.html css-values-3/all-green.html
+== css-values-3/vh-support-transform-origin.html css-values-3/all-green.html
+== css-values-3/vh-support-transform-translate.html css-values-3/all-green.html
+== css-values-3/vh-support.html css-values-3/all-green.html
+== css-values-3/vh-zero-support.html css-values-3/all-green.html
+== css-values-3/vh_not_refreshing_on_chrome.html css-values-3/vh_not_refreshing_on_chrome-ref.html
+== css-values-3/vh_not_refreshing_on_chrome_iframe.html css-values-3/vh_not_refreshing_on_chrome-ref.html
--- a/layout/reftests/w3c-css/skip.list
+++ b/layout/reftests/w3c-css/skip.list
@@ -5,8 +5,15 @@
 # test itself work, e.g. some dynamic tests.
 #
 # The syntax of this file is as follows:
 #    1) All lines marked with a '#' are comments.
 #    2) A failure is denoted by a path, starting
 #       with module. E.g.:
 #         css3-multicol/block-clip-001.xht
 
+# because of dynamic change
+css3-values/vh_not_refreshing_on_chrome.html
+css3-values/vh_not_refreshing_on_chrome_iframe.html
+
+# because of support files (in iframe subdir) not being copied (bug 1256580)
+css3-values/vh-support-transform-origin.html
+css3-values/vh-support-transform-translate.html