Part 7: Support <coord-box> without any function.
I tweak css/motion/offset-path-coord-box-001.html a little bit to
avoid decimals in the reference file.
For offset-path-coord-box-002.html and offset-path-coord-box-003.html,
I make the border width larger so it'd be clear to see the difference.
Also the original reference files are not correct because they always use
border-box, so I also fix them to use the correct box.
Also, rename offset-path-geometry-box.html as offset-path-coord-box-004.html,
because there is no "geometry-box" in the spec. We are using "coord-box"
now.
Differential Revision: https://phabricator.services.mozilla.com/D181317
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1598156
gecko-commit: 588cd3f0208834950a9f0c31ab3f5661c37dd380
gecko-reviewers: emilio
diff --git a/css/motion/offset-path-coord-box-001-ref.html b/css/motion/offset-path-coord-box-001-ref.html
index e9a7fbb..8b86ce2 100644
--- a/css/motion/offset-path-coord-box-001-ref.html
+++ b/css/motion/offset-path-coord-box-001-ref.html
@@ -9,8 +9,8 @@
left: 100px;
position: relative;
border-radius: 50%;
- border: 5px solid black;
- width: 600px;
+ border: 10px solid black;
+ width: 400px;
height: 400px;
}
#box {
@@ -18,7 +18,7 @@
position: relative;
top: 100px;
left: 100px;
- transform: translate(378.441px, -85.8301px) rotate(37.2267deg);
+ transform: translate(260px, 50px);
width: 100px;
height: 100px;
}
diff --git a/css/motion/offset-path-coord-box-001.html b/css/motion/offset-path-coord-box-001.html
index d4e903e..15f378e 100644
--- a/css/motion/offset-path-coord-box-001.html
+++ b/css/motion/offset-path-coord-box-001.html
@@ -12,8 +12,8 @@
left: 100px;
position: relative;
border-radius: 50%;
- border: 5px solid black;
- width: 600px;
+ border: 10px solid black;
+ width: 400px;
height: 400px;
}
#box {
@@ -22,7 +22,7 @@
left: 100px;
position: relative;
offset-path: border-box;
- offset-distance: 15%;
+ offset-distance: 25%;
width: 100px;
height: 100px;
}
diff --git a/css/motion/offset-path-coord-box-002-ref.html b/css/motion/offset-path-coord-box-002-ref.html
index b7bee52..41f65dc 100644
--- a/css/motion/offset-path-coord-box-002-ref.html
+++ b/css/motion/offset-path-coord-box-002-ref.html
@@ -8,7 +8,7 @@
top: 100px;
left: 100px;
position: relative;
- border: 5px solid black;
+ border: 10px solid black;
width: 600px;
height: 400px;
}
diff --git a/css/motion/offset-path-coord-box-002.html b/css/motion/offset-path-coord-box-002.html
index 0446e2c..40b9472 100644
--- a/css/motion/offset-path-coord-box-002.html
+++ b/css/motion/offset-path-coord-box-002.html
@@ -10,7 +10,7 @@
top: 100px;
left: 100px;
position: relative;
- border: 5px solid black;
+ border: 10px solid black;
width: 600px;
height: 400px;
}
diff --git a/css/motion/offset-path-coord-box-003-ref.html b/css/motion/offset-path-coord-box-003-ref.html
index 5b9b445..0fa94d4 100644
--- a/css/motion/offset-path-coord-box-003-ref.html
+++ b/css/motion/offset-path-coord-box-003-ref.html
@@ -8,7 +8,7 @@
top: 100px;
left: 100px;
position: relative;
- border: 5px solid black;
+ border: 10px solid black;
padding: 10px;
width: 600px;
height: 400px;
diff --git a/css/motion/offset-path-coord-box-003.html b/css/motion/offset-path-coord-box-003.html
index d3ea7f9..e793c18 100644
--- a/css/motion/offset-path-coord-box-003.html
+++ b/css/motion/offset-path-coord-box-003.html
@@ -10,7 +10,7 @@
top: 100px;
left: 100px;
position: relative;
- border: 5px solid black;
+ border: 10px solid black;
padding: 10px;
width: 600px;
height: 400px;
diff --git a/css/motion/offset-path-geometry-box-ref.html b/css/motion/offset-path-coord-box-004-ref.html
similarity index 100%
rename from css/motion/offset-path-geometry-box-ref.html
rename to css/motion/offset-path-coord-box-004-ref.html
diff --git a/css/motion/offset-path-coord-box-004.html b/css/motion/offset-path-coord-box-004.html
new file mode 100644
index 0000000..c84bae6
--- /dev/null
+++ b/css/motion/offset-path-coord-box-004.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Motion Path: offset-path:stoke-box paths</title>
+ <link rel="help" href="https://drafts.fxtf.org/motion-1/#valdef-offset-path-coord-box">
+ <link rel="match" href="offset-path-coord-box-004-ref.html">
+ <meta name="assert" content="This tests that offset-path:stroke-box generates a rotation and translation.">
+ <style>
+ #target {
+ position: absolute;
+ left: 300px;
+ top: 0px;
+ width: 300px;
+ height: 200px;
+ background-color: lime;
+ transform-origin: 0px 0px;
+ offset-path: stroke-box;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="target"></div>
+ </body>
+</html>
diff --git a/css/motion/offset-path-geometry-box.html b/css/motion/offset-path-geometry-box.html
deleted file mode 100644
index 1e93994..0000000
--- a/css/motion/offset-path-geometry-box.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>CSS Motion Path: path(basic-shape) paths</title>
- <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-path-property">
- <link rel="match" href="offset-path-geometry-box-ref.html">
- <meta name="assert" content="This tests that path(<geometry-box>) generates a rotation and translation.">
- <style>
- #target {
- position: absolute;
- left: 300px;
- top: 0px;
- width: 300px;
- height: 200px;
- background-color: lime;
- transform-origin: 0px 0px;
- offset-path: stroke-box;
- }
- </style>
- </head>
- <body>
- <div id="target"></div>
- </body>
-</html>