LibWeb/CSS: Parse mask-origin property

Author: https://github.com/InvalidUsernameException
Commit: eea6792cf7
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5511
Reviewed-by: https://github.com/AtkinsSJ ✅
Reviewed-by: https://github.com/Calme1709

Libraries/LibWeb/CSS/Enums.json

@@ -157,6 +157,14 @@
     "auto",
     "hidden"
   ],
+  "coord-box": [
+    "content-box",
+    "padding-box",
+    "border-box",
+    "fill-box",
+    "stroke-box",
+    "view-box"
+  ],
   "counter-style-name-keyword": [
     "circle",
     "decimal",

Libraries/LibWeb/CSS/Parser/PropertyParsing.cpp

@@ -666,6 +666,7 @@ Parser::ParseErrorOr<NonnullRefPtr<CSSStyleValue const>> Parser::parse_css_value
         return ParseError::SyntaxError;
     case PropertyID::MaskComposite:
     case PropertyID::MaskMode:
+    case PropertyID::MaskOrigin:
         if (auto parsed_value = parse_simple_comma_separated_value_list(property_id, tokens))
             return parsed_value.release_nonnull();
         return ParseError::SyntaxError;

Libraries/LibWeb/CSS/Properties.json

@@ -2415,6 +2415,15 @@
     ],
     "initial": "match-source"
   },
+  "mask-origin": {
+    "animation-type": "discrete",
+    "inherited": false,
+    "affects-layout": false,
+    "valid-types": [
+      "coord-box"
+    ],
+    "initial": "border-box"
+  },
   "mask-position": {
     "animation-type": "repeatable-list",
     "affects-layout": false,

Tests/LibWeb/Text/expected/css/CSSStyleDeclaration-has-indexed-property-getter.txt

@@ -189,6 +189,7 @@ All properties associated with getComputedStyle(document.body):
     "mask-composite",
     "mask-image",
     "mask-mode",
+    "mask-origin",
     "mask-position",
     "mask-repeat",
     "mask-size",

Tests/LibWeb/Text/expected/css/CSSStyleProperties-all-supported-properties-and-default-values.txt

@@ -531,6 +531,8 @@ All supported properties and their default values exposed from CSSStylePropertie
 'mask-image': 'none'
 'maskMode': 'match-source'
 'mask-mode': 'match-source'
+'maskOrigin': 'border-box'
+'mask-origin': 'border-box'
 'maskPosition': '0% 0%'
 'mask-position': '0% 0%'
 'maskRepeat': 'repeat'

Tests/LibWeb/Text/expected/css/getComputedStyle-print-all.txt

@@ -187,6 +187,7 @@ margin-top: 8px
 mask-composite: add
 mask-image: none
 mask-mode: match-source
+mask-origin: border-box
 mask-position: 0% 0%
 mask-repeat: repeat
 mask-size: auto

Tests/LibWeb/Text/expected/wpt-import/css/css-cascade/all-prop-revert-layer.txt

@@ -1,8 +1,8 @@
 Harness status: OK
 
-Found 252 tests
+Found 253 tests
 
-245 Pass
+246 Pass
 7 Fail
 Pass	accent-color
 Pass	border-collapse
@@ -188,6 +188,7 @@ Pass	margin-top
 Pass	mask-composite
 Pass	mask-image
 Pass	mask-mode
+Pass	mask-origin
 Pass	mask-repeat
 Pass	mask-size
 Pass	mask-type