Implement font-synthesis longhand properties

https://bugs.webkit.org/show_bug.cgi?id=232009
rdar://84706153

Reviewed by Tim Nguyen.

Adding support for font-synthesis longhand properties:
- font-synthesis-weight
- font-synthesis-style
- font-synthesis-small-caps

Refactoring font-synthesis shorthand so it is implemented by
using its longhands.

* LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt:
* LayoutTests/fast/css/getComputedStyle/computed-style-font-family-expected.txt:
* LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
* LayoutTests/fast/css/getComputedStyle/resources/property-names.js:
* LayoutTests/fast/css3-text/font-synthesis-parse-expected.txt:
* LayoutTests/fast/css3-text/font-synthesis-parse.html:
* LayoutTests/imported/w3c/resources/import-expectations.json:
* LayoutTests/imported/w3c/web-platform-tests/css/css-cascade/all-prop-initial-xml-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/css-cascade/all-prop-revert-layer-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-computed-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-computed.html:
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-invalid-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-invalid.html:
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-invalid-expected.txt: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-invalid.html: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-valid-expected.txt: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-valid.html: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-invalid-expected.txt: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-invalid.html: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-valid-expected.txt: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-valid.html: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-invalid-expected.txt: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-invalid.html: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-valid-expected.txt: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-valid.html: Added.
* LayoutTests/imported/w3c/web-platform-tests/css/css-pseudo/parsing/marker-supported-properties-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/css-pseudo/parsing/marker-supported-properties-in-animation-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-detached-subtree-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-pseudo-expected.txt:
* LayoutTests/platform/gtk/imported/w3c/web-platform-tests/css/css-cascade/all-prop-initial-xml-expected.txt:
* LayoutTests/platform/gtk/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-detached-subtree-expected.txt:
* LayoutTests/platform/gtk/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-pseudo-expected.txt:
* LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-cascade/all-prop-initial-xml-expected.txt:
* LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-pseudo-expected.txt:
* LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-detached-subtree-expected.txt:
* LayoutTests/platform/mac-wk1/imported/w3c/web-platform-tests/css/css-cascade/all-prop-initial-xml-expected.txt:
* LayoutTests/platform/mac-wk1/imported/w3c/web-platform-tests/css/css-cascade/all-prop-revert-layer-expected.txt:
* LayoutTests/svg/css/getComputedStyle-basic-expected.txt:
* Source/WebCore/animation/CSSPropertyAnimation.cpp:
(WebCore::CSSPropertyAnimationWrapperMap::CSSPropertyAnimationWrapperMap):
* Source/WebCore/css/CSSPrimitiveValueMappings.h:
(WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
(WebCore::CSSPrimitiveValue::operator FontSynthesisLonghandValue const):
* Source/WebCore/css/CSSProperties.json:
* Source/WebCore/css/CSSSegmentedFontFace.cpp:
(WebCore::CSSSegmentedFontFace::fontRanges):
* Source/WebCore/css/ComputedStyleExtractor.cpp:
(WebCore::fontSynthesisFromStyle):
(WebCore::fontSynthesisLonghandToCSSValue):
(WebCore::fontSynthesisWeightFromStyle):
(WebCore::fontSynthesisStyleFromStyle):
(WebCore::fontSynthesisSmallCapsFromStyle):
(WebCore::ComputedStyleExtractor::valueForPropertyInStyle):
* Source/WebCore/css/StyleProperties.cpp:
(WebCore::isCSSWideValueIDKeyword):
(WebCore::StyleProperties::getPropertyValue const):
(WebCore::StyleProperties::fontSynthesisValue const):
* Source/WebCore/css/StyleProperties.h:
* Source/WebCore/css/parser/CSSPropertyParser.cpp:
(WebCore::CSSPropertyParser::consumeFontSynthesis):
(WebCore::consumeFontSynthesisLonghand):
(WebCore::CSSPropertyParser::parseSingleValue):
(WebCore::CSSPropertyParser::parseShorthand):
(WebCore::consumeFontSynthesis): Deleted.
* Source/WebCore/css/parser/CSSPropertyParser.h:
* Source/WebCore/platform/graphics/ComplexTextController.cpp:
(WebCore::ComplexTextController::collectComplexTextRuns):
* Source/WebCore/platform/graphics/FontCascadeCache.h:
(WebCore::FontDescriptionKey::makeFlagsKey):
* Source/WebCore/platform/graphics/FontCascadeDescription.h:
(WebCore::FontCascadeDescription::initialFontSynthesisWeight):
(WebCore::FontCascadeDescription::initialFontSynthesisStyle):
(WebCore::FontCascadeDescription::initialFontSynthesisSmallCaps):
(WebCore::FontCascadeDescription::initialFontSynthesis): Deleted.
* Source/WebCore/platform/graphics/FontDescription.cpp:
* Source/WebCore/platform/graphics/FontDescription.h:
(WebCore::FontDescription::fontSynthesisWeight const):
(WebCore::FontDescription::fontSynthesisStyle const):
(WebCore::FontDescription::fontSynthesisSmallCaps const):
(WebCore::FontDescription::hasAutoFontSynthesisWeight const):
(WebCore::FontDescription::hasAutoFontSynthesisStyle const):
(WebCore::FontDescription::hasAutoFontSynthesisSmallCaps const):
(WebCore::FontDescription::setFontSynthesisWeight):
(WebCore::FontDescription::setFontSynthesisStyle):
(WebCore::FontDescription::setFontSynthesisSmallCaps):
(WebCore::FontDescription::operator== const):
(WebCore::FontDescription::encode const):
(WebCore::FontDescription::decode):
(WebCore::FontDescription::fontSynthesis const): Deleted.
(WebCore::FontDescription::setFontSynthesis): Deleted.
* Source/WebCore/platform/graphics/cocoa/FontCacheCoreText.cpp:
(WebCore::computeNecessarySynthesis):
* Source/WebCore/platform/graphics/freetype/FontCacheFreeType.cpp:
(WebCore::getFontPropertiesFromPattern):
* Source/WebCore/platform/text/TextFlags.h:
(): Deleted.
* Source/WebCore/style/PropertyAllowlist.cpp:
(WebCore::Style::isValidMarkerStyleProperty):
* Source/WebCore/style/StyleBuilderConverter.h:
(WebCore::Style::BuilderConverter::convertFontSynthesis): Deleted.
* Source/WebInspectorUI/UserInterface/External/CSSDocumentation/CSSDocumentation-overrides.json:
* Source/WebInspectorUI/UserInterface/Models/CSSKeywordCompletions.js:

Canonical link: https://commits.webkit.org/255171@main

LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt

@@ -82,7 +82,9 @@ font-kerning: auto;
 font-optical-sizing: auto;
 font-size: 16px;
 font-style: normal;
-font-synthesis: weight style small-caps;
+font-synthesis-small-caps: auto;
+font-synthesis-style: auto;
+font-synthesis-weight: auto;
 font-variant-alternates: normal;
 font-variant-caps: normal;
 font-variant-east-asian: normal;

LayoutTests/fast/css/getComputedStyle/computed-style-font-family-expected.txt

@@ -8,7 +8,9 @@ font-palette: normal;
 font-size: 16px;
 font-stretch: normal;
 font-style: normal;
-font-synthesis: weight style small-caps;
+font-synthesis-small-caps: auto;
+font-synthesis-style: auto;
+font-synthesis-weight: auto;
 font-variant-alternates: normal;
 font-variant-caps: normal;
 font-variant-east-asian: normal;

LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

@@ -81,7 +81,9 @@ font-kerning: auto
 font-optical-sizing: auto
 font-size: 16px
 font-style: normal
-font-synthesis: weight style small-caps
+font-synthesis-small-caps: auto
+font-synthesis-style: auto
+font-synthesis-weight: auto
 font-variant-alternates: normal
 font-variant-caps: normal
 font-variant-east-asian: normal

LayoutTests/fast/css/getComputedStyle/resources/property-names.js

@@ -178,7 +178,9 @@ var propertiesToTest = {
     "flood-opacity": true,
     "font-size": true,
     "font-style": true,
-    "font-synthesis": true,
+    "font-synthesis-style": true,
+    "font-synthesis-small-caps": true,
+    "font-synthesis-weight": true,
     "font-variant": true,
     "font-variant-alternates": true,
     "font-variant-caps": true,

LayoutTests/fast/css3-text/font-synthesis-parse-expected.txt

@@ -3,23 +3,23 @@ PASS declaration.length is 0
 PASS declaration.getPropertyValue('font-synthesis') is ""
 PASS computedStyle.getPropertyCSSValue('font-synthesis').cssText is "weight style small-caps"
 PASS cssRule.type is cssRule.STYLE_RULE
-PASS declaration.length is 1
+PASS declaration.length is 3
 PASS declaration.getPropertyValue('font-synthesis') is "initial"
 PASS computedStyle.getPropertyCSSValue('font-synthesis').cssText is "weight style small-caps"
 PASS cssRule.type is cssRule.STYLE_RULE
-PASS declaration.length is 1
+PASS declaration.length is 3
 PASS declaration.getPropertyValue('font-synthesis') is "weight"
 PASS computedStyle.getPropertyCSSValue('font-synthesis').cssText is "weight"
 PASS cssRule.type is cssRule.STYLE_RULE
-PASS declaration.length is 1
+PASS declaration.length is 3
 PASS declaration.getPropertyValue('font-synthesis') is "style"
 PASS computedStyle.getPropertyCSSValue('font-synthesis').cssText is "style"
 PASS cssRule.type is cssRule.STYLE_RULE
-PASS declaration.length is 1
+PASS declaration.length is 3
 PASS declaration.getPropertyValue('font-synthesis') is "weight style"
 PASS computedStyle.getPropertyCSSValue('font-synthesis').cssText is "weight style"
 PASS cssRule.type is cssRule.STYLE_RULE
-PASS declaration.length is 1
+PASS declaration.length is 3
 PASS declaration.getPropertyValue('font-synthesis') is "weight style"
 PASS computedStyle.getPropertyCSSValue('font-synthesis').cssText is "weight style"
 PASS cssRule.type is cssRule.STYLE_RULE

LayoutTests/fast/css3-text/font-synthesis-parse.html

@@ -22,7 +22,7 @@
       cssRule = stylesheet.cssRules.item(0);
       shouldBe("cssRule.type", "cssRule.STYLE_RULE");
       declaration = cssRule.style;
-      shouldBe("declaration.length", "1");
+      shouldBe("declaration.length", "3");
       shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "initial");
       computedStyle = window.getComputedStyle(target, null);
       shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style small-caps");
@@ -33,7 +33,7 @@
       cssRule = stylesheet.cssRules.item(0);
       shouldBe("cssRule.type", "cssRule.STYLE_RULE");
       declaration = cssRule.style;
-      shouldBe("declaration.length", "1");
+      shouldBe("declaration.length", "3");
       shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "weight");
       computedStyle = window.getComputedStyle(target, null);
       shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight");
@@ -44,7 +44,7 @@
       cssRule = stylesheet.cssRules.item(0);
       shouldBe("cssRule.type", "cssRule.STYLE_RULE");
       declaration = cssRule.style;
-      shouldBe("declaration.length", "1");
+      shouldBe("declaration.length", "3");
       shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "style");
       computedStyle = window.getComputedStyle(target, null);
       shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "style");
@@ -55,7 +55,7 @@
       cssRule = stylesheet.cssRules.item(0);
       shouldBe("cssRule.type", "cssRule.STYLE_RULE");
       declaration = cssRule.style;
-      shouldBe("declaration.length", "1");
+      shouldBe("declaration.length", "3");
       shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "weight style");
       computedStyle = window.getComputedStyle(target, null);
       shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style");
@@ -66,7 +66,7 @@
       cssRule = stylesheet.cssRules.item(0);
       shouldBe("cssRule.type", "cssRule.STYLE_RULE");
       declaration = cssRule.style;
-      shouldBe("declaration.length", "1");
+      shouldBe("declaration.length", "3");
       shouldBeEqualToString("declaration.getPropertyValue('font-synthesis')", "weight style");
       computedStyle = window.getComputedStyle(target, null);
       shouldBeEqualToString("computedStyle.getPropertyCSSValue('font-synthesis').cssText", "weight style");

LayoutTests/imported/w3c/resources/import-expectations.json

@@ -6,6 +6,7 @@
     "css/css-color": "import", 
     "css/css-flexbox": "import", 
     "css/css-font-loading": "import", 
+    "css/css-fonts/parsing/": "import", 
     "css/css-masking": "import", 
     "css/css-masking/clip-path/": "import", 
     "css/css-masking/clip-path/clip-path-with-zoo": "import", 

LayoutTests/imported/w3c/web-platform-tests/css/css-cascade/all-prop-initial-xml-expected.txt

@@ -133,7 +133,9 @@ PASS font-palette
 PASS font-size
 PASS font-stretch
 PASS font-style
-PASS font-synthesis
+PASS font-synthesis-small-caps
+PASS font-synthesis-style
+PASS font-synthesis-weight
 PASS font-variant-alternates
 PASS font-variant-caps
 PASS font-variant-east-asian

LayoutTests/imported/w3c/web-platform-tests/css/css-cascade/all-prop-revert-layer-expected.txt

@@ -129,7 +129,9 @@ PASS font-palette
 PASS font-size
 PASS font-stretch
 PASS font-style
-PASS font-synthesis
+PASS font-synthesis-small-caps
+PASS font-synthesis-style
+PASS font-synthesis-weight
 PASS font-variant-alternates
 PASS font-variant-caps
 PASS font-variant-east-asian

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-computed-expected.txt

@@ -2,5 +2,9 @@
 PASS Property font-synthesis value 'none'
 PASS Property font-synthesis value 'weight'
 PASS Property font-synthesis value 'style'
+PASS Property font-synthesis value 'small-caps'
+PASS Property font-synthesis value 'style small-caps'
+PASS Property font-synthesis value 'weight small-caps'
 PASS Property font-synthesis value 'weight style'
+PASS Property font-synthesis value 'weight style small-caps'
 

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-computed.html

@@ -2,8 +2,8 @@
 <html>
 <head>
 <meta charset="utf-8">
-<title>CSS Fonts Module Level 3: getComputedStyle().fontSynthesis</title>
-<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
+<title>CSS Fonts Module: getComputedStyle().fontSynthesis</title>
+<link rel="help" href="https://drafts.csswg.org/css-fonts/#font-synthesis">
 <meta name="assert" content="font-synthesis computed value is as specified.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
@@ -15,7 +15,11 @@
 test_computed_value('font-synthesis', 'none');
 test_computed_value('font-synthesis', 'weight');
 test_computed_value('font-synthesis', 'style');
+test_computed_value('font-synthesis', 'small-caps');
+test_computed_value('font-synthesis', 'style small-caps');
+test_computed_value('font-synthesis', 'weight small-caps');
 test_computed_value('font-synthesis', 'weight style');
+test_computed_value('font-synthesis', 'weight style small-caps');
 </script>
 </body>
 </html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-invalid-expected.txt

@@ -1,4 +1,8 @@
 
 PASS e.style['font-synthesis'] = "auto" should not set the property value
 PASS e.style['font-synthesis'] = "none weight" should not set the property value
+PASS e.style['font-synthesis'] = "none style" should not set the property value
+PASS e.style['font-synthesis'] = "style none" should not set the property value
+PASS e.style['font-synthesis'] = "none small-caps" should not set the property value
+PASS e.style['font-synthesis'] = "small-caps none" should not set the property value
 

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-invalid.html

@@ -2,9 +2,9 @@
 <html>
 <head>
 <meta charset="utf-8">
-<title>CSS Fonts Module Level 3: parsing font-synthesis with invalid values</title>
-<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
-<meta name="assert" content="font-synthesis supports only the grammar 'none | [ weight || style ]'.">
+<title>CSS Fonts Module: parsing font-synthesis with invalid values</title>
+<link rel="help" href="https://drafts.csswg.org/css-fonts/#font-synthesis">
+<meta name="assert" content="font-synthesis supports only the grammar 'none | [ weight || style || small-caps ]'.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
@@ -13,6 +13,10 @@
 <script>
 test_invalid_value('font-synthesis', 'auto');
 test_invalid_value('font-synthesis', 'none weight');
+test_invalid_value('font-synthesis', 'none style');
+test_invalid_value('font-synthesis', 'style none');
+test_invalid_value('font-synthesis', 'none small-caps');
+test_invalid_value('font-synthesis', 'small-caps none');
 </script>
 </body>
 </html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-invalid-expected.txt

@@ -0,0 +1,4 @@
+
+PASS e.style['font-synthesis-small-caps'] = "normal" should not set the property value
+PASS e.style['font-synthesis-small-caps'] = "auto none" should not set the property value
+

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-invalid.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Fonts Module Level 4: parsing font-synthesis-small-caps with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-small-caps">
+<meta name="assert" content="font-synthesis-small-caps supports only the grammar 'auto | none'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_invalid_value('font-synthesis-small-caps', 'normal');
+test_invalid_value('font-synthesis-small-caps', 'auto none');
+</script>
+</body>
+</html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-valid-expected.txt

@@ -0,0 +1,4 @@
+
+PASS e.style['font-synthesis-small-caps'] = "auto" should set the property value
+PASS e.style['font-synthesis-small-caps'] = "none" should set the property value
+

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-small-caps-valid.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Fonts Module Level 4: parsing font-synthesis-small-caps with valid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-small-caps">
+<meta name="assert" content="font-synthesis-small-caps supports the full grammar 'auto | none'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_valid_value('font-synthesis-small-caps', 'auto');
+test_valid_value('font-synthesis-small-caps', 'none');
+</script>
+</body>
+</html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-invalid-expected.txt

@@ -0,0 +1,4 @@
+
+PASS e.style['font-synthesis-style'] = "normal" should not set the property value
+PASS e.style['font-synthesis-style'] = "auto none" should not set the property value
+

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-invalid.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Fonts Module Level 4: parsing font-synthesis-style with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-style">
+<meta name="assert" content="font-synthesis-style supports only the grammar 'auto | none'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_invalid_value('font-synthesis-style', 'normal');
+test_invalid_value('font-synthesis-style', 'auto none');
+</script>
+</body>
+</html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-valid-expected.txt

@@ -0,0 +1,4 @@
+
+PASS e.style['font-synthesis-style'] = "auto" should set the property value
+PASS e.style['font-synthesis-style'] = "none" should set the property value
+

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-style-valid.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Fonts Module Level 4: parsing font-synthesis-style with valid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-style">
+<meta name="assert" content="font-synthesis-style supports the full grammar 'auto | none'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_valid_value('font-synthesis-style', 'auto');
+test_valid_value('font-synthesis-style', 'none');
+</script>
+</body>
+</html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-invalid-expected.txt

@@ -0,0 +1,4 @@
+
+PASS e.style['font-synthesis-weight'] = "normal" should not set the property value
+PASS e.style['font-synthesis-weight'] = "auto none" should not set the property value
+

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-invalid.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Fonts Module Level 4: parsing font-synthesis-weight with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-weight">
+<meta name="assert" content="font-synthesis-weight supports only the grammar 'auto | none'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_invalid_value('font-synthesis-weight', 'normal');
+test_invalid_value('font-synthesis-weight', 'auto none');
+</script>
+</body>
+</html>

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-valid-expected.txt

@@ -0,0 +1,4 @@
+
+PASS e.style['font-synthesis-weight'] = "auto" should set the property value
+PASS e.style['font-synthesis-weight'] = "none" should set the property value
+

LayoutTests/imported/w3c/web-platform-tests/css/css-fonts/parsing/font-synthesis-weight-valid.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Fonts Module Level 4: parsing font-synthesis-weight with valid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-synthesis-weight">
+<meta name="assert" content="font-synthesis-weight supports the full grammar 'auto | none'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_valid_value('font-synthesis-weight', 'auto');
+test_valid_value('font-synthesis-weight', 'none');
+</script>
+</body>
+</html>

LayoutTests/imported/w3c/web-platform-tests/css/css-pseudo/parsing/marker-supported-properties-expected.txt

@@ -8,9 +8,9 @@ FAIL Property font-size-adjust value '1' in ::marker assert_true: font-size-adju
 PASS Property font-stretch value 'expanded' in ::marker
 PASS Property font-style value 'italic' in ::marker
 PASS Property font-synthesis value 'none' in ::marker
-FAIL Property font-synthesis-small-caps value 'none' in ::marker assert_true: font-synthesis-small-caps doesn't seem to be supported in the computed style expected true got false
-FAIL Property font-synthesis-style value 'none' in ::marker assert_true: font-synthesis-style doesn't seem to be supported in the computed style expected true got false
-FAIL Property font-synthesis-weight value 'none' in ::marker assert_true: font-synthesis-weight doesn't seem to be supported in the computed style expected true got false
+PASS Property font-synthesis-small-caps value 'none' in ::marker
+PASS Property font-synthesis-style value 'none' in ::marker
+PASS Property font-synthesis-weight value 'none' in ::marker
 PASS Property font-variant value 'small-caps' in ::marker
 PASS Property font-variant-caps value 'small-caps' in ::marker
 PASS Property font-variant-east-asian value 'full-width' in ::marker

LayoutTests/imported/w3c/web-platform-tests/css/css-pseudo/parsing/marker-supported-properties-in-animation-expected.txt

@@ -8,9 +8,9 @@ FAIL Animation of font-size-adjust in ::marker assert_true: font-size-adjust doe
 PASS Animation of font-stretch in ::marker
 PASS Animation of font-style in ::marker
 PASS Animation of font-synthesis in ::marker
-FAIL Animation of font-synthesis-small-caps in ::marker assert_true: font-synthesis-small-caps doesn't seem to be supported in the computed style expected true got false
-FAIL Animation of font-synthesis-style in ::marker assert_true: font-synthesis-style doesn't seem to be supported in the computed style expected true got false
-FAIL Animation of font-synthesis-weight in ::marker assert_true: font-synthesis-weight doesn't seem to be supported in the computed style expected true got false
+PASS Animation of font-synthesis-small-caps in ::marker
+PASS Animation of font-synthesis-style in ::marker
+PASS Animation of font-synthesis-weight in ::marker
 PASS Animation of font-variant in ::marker
 PASS Animation of font-variant-caps in ::marker
 PASS Animation of font-variant-east-asian in ::marker
@@ -55,9 +55,9 @@ FAIL Transition of font-size-adjust in ::marker assert_true: font-size-adjust do
 PASS Transition of font-stretch in ::marker
 PASS Transition of font-style in ::marker
 PASS Transition of font-synthesis in ::marker
-FAIL Transition of font-synthesis-small-caps in ::marker assert_true: font-synthesis-small-caps doesn't seem to be supported in the computed style expected true got false
-FAIL Transition of font-synthesis-style in ::marker assert_true: font-synthesis-style doesn't seem to be supported in the computed style expected true got false
-FAIL Transition of font-synthesis-weight in ::marker assert_true: font-synthesis-weight doesn't seem to be supported in the computed style expected true got false
+PASS Transition of font-synthesis-small-caps in ::marker
+PASS Transition of font-synthesis-style in ::marker
+PASS Transition of font-synthesis-weight in ::marker
 PASS Transition of font-variant in ::marker
 PASS Transition of font-variant-caps in ::marker
 PASS Transition of font-variant-east-asian in ::marker