Fix #34493 - Adds missing tests for the compat spec (#34520)

* Issue #34493 - Orders alphabetically * Issue #34493 - Adds webkitBackgroundClip to the list of alias This was forgotten when handling whatwg/compat#195 * Issue #34493 - Adds webkitBoxSizing to the list of alias It is correctly defines in browsers and everyone implements it. This was defined initially in whatwg/compat#9 * Issue #34493 - Removes webkitMaskBox* from the list of alias As shown in whatwg/compat#202 there is currently no browsers implementing the mask-border-*, which should be the equivalent. They stand on their own and probably for now deserves a test by themselves. * Issue #34493 - Adds webkitMaskBox* to a unique test As shown in whatwg/compat#202 there is currently no browsers implementing the mask-border-*, which should be the equivalent. They stand on their own and probably for now deserves a test by themselves.
web-platform-tests · Jun 23, 2022 · 53ae4d8 · 53ae4d8
1 parent 0c1671c
commit 53ae4d8
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 16 deletions.
diff --git a/compat/css-style-declaration-alias-enumeration.html b/compat/css-style-declaration-alias-enumeration.html
@@ -10,41 +10,37 @@
 const PREFIXED_PROPS = [
   'webkitAlignContent',
   'webkitAlignItems',
-  'webkitAnimationName',
   'webkitAlignSelf',
+  'webkitAnimation',
+  'webkitAnimationDelay',
+  'webkitAnimationDirection',
   'webkitAnimationDuration',
-  'webkitAnimationTimingFunction',
+  'webkitAnimationFillMode',
   'webkitAnimationIterationCount',
-  'webkitAnimationDirection',
+  'webkitAnimationName',
   'webkitAnimationPlayState',
-  'webkitAnimationDelay',
-  'webkitAnimationFillMode',
-  'webkitAnimation',
+  'webkitAnimationTimingFunction',
   'webkitBackfaceVisibility',
+  'WebKitBackgroundClip',
   'webkitBackgroundOrigin',
   'webkitBackgroundSize',
   'webkitBorderBottomLeftRadius',
   'webkitBorderBottomRightRadius',
+  'webkitBorderRadius',
   'webkitBorderTopLeftRadius',
   'webkitBorderTopRightRadius',
-  'webkitBorderRadius',
   'webkitBoxShadow',
+  'webkitBoxSizing',
+  'webkitFilter',
   'webkitFlex',
   'webkitFlexBasis',
   'webkitFlexDirection',
   'webkitFlexFlow',
   'webkitFlexGrow',
   'webkitFlexShrink',
   'webkitFlexWrap',
-  'webkitFilter',
   'webkitJustifyContent',
   'webkitMask',
-  'webkitMaskBoxImage',
-  'webkitMaskBoxImageOutset',
-  'webkitMaskBoxImageRepeat',
-  'webkitMaskBoxImageSlice',
-  'webkitMaskBoxImageSource',
-  'webkitMaskBoxImageWidth',
   'webkitMaskClip',
   'webkitMaskComposite',
   'webkitMaskImage',
@@ -55,14 +51,14 @@
   'webkitOrder',
   'webkitPerspective',
   'webkitPerspectiveOrigin',
+  'webkitTransform',
   'webkitTransformOrigin',
   'webkitTransformStyle',
-  'webkitTransform',
+  'webkitTransition',
   'webkitTransitionDelay',
   'webkitTransitionDuration',
   'webkitTransitionProperty',
   'webkitTransitionTimingFunction',
-  'webkitTransition',
 ];
 
 const docBodyStyle = document.body.style;

diff --git a/webkit-mask-box-enumeration.html b/webkit-mask-box-enumeration.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>WebKitMaxBoxImage on CSSStyleDeclaration</title>
+<link rel="help" href="https://compat.spec.whatwg.org/#css-simple-aliases">
+<meta name="assert" content="This test verifies that these WebKit properties are enumerated on CSSStyleDeclaration" />
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+</body>
+<script>
+const PREFIXED_PROPS = [
+  'webkitMaskBoxImage',
+  'webkitMaskBoxImageOutset',
+  'webkitMaskBoxImageRepeat',
+  'webkitMaskBoxImageSlice',
+  'webkitMaskBoxImageSource',
+  'webkitMaskBoxImageWidth',
+];
+
+const docBodyStyle = document.body.style;
+for (let prop of PREFIXED_PROPS) {
+  test(() => {
+    assert_true(prop in docBodyStyle);
+  }, `${prop} found on CSSStyleDeclaration`);
+}
+</script>