Merge pull request #129 from mattiacci/object-fit-and-position

Add support for object-fit and object-position

Author: stubbornella

src/css/Properties.js

@@ -394,6 +394,8 @@ var Properties = {
     "nav-up"                        : 1,
 
     //O
+    "object-fit"                    : "fill | contain | cover | none | scale-down",
+    "object-position"               : "<bg-position>",
     "opacity"                       : "<number> | inherit",
     "order"                         : "<integer>",
     "-webkit-order"                 : "<integer>",

tests/css/Validation.js

@@ -826,6 +826,52 @@
         }
     }));
 
+    suite.add(new ValidationTestCase({
+        property: "object-fit",
+
+        valid: [
+            "fill",
+            "contain",
+            "cover",
+            "none",
+            "scale-down"
+        ],
+
+        invalid: {
+            "foo" : "Expected (fill | contain | cover | none | scale-down) but found 'foo'.",
+            "inherit" : "Expected (fill | contain | cover | none | scale-down) but found 'inherit'."
+        }
+    }));
+
+    suite.add(new ValidationTestCase({
+        property: "object-position",
+
+        valid: [
+            "top",
+            "bottom",
+            "center",
+            "100%",
+            "left center",
+            "bottom left",
+            "left 10px",
+            "center bottom",
+            "10% top",
+            "left 10px bottom",
+            "right top 5%",
+            "top 3em center",
+            "center top 3em",
+            "top 3em right 10%",
+        ],
+
+        invalid: {
+            "foo"                 : "Expected (<bg-position>) but found 'foo'.",
+            "10% left"            : "Expected end of value but found 'left'.",
+            "left center right"   : "Expected end of value but found 'center'.",
+            "center 3em right 10%": "Expected end of value but found '3em'.",
+            "top, bottom"         : "Expected end of value but found ','."
+        }
+    }));
+
     suite.add(new ValidationTestCase({
         property: "opacity",