mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-09-03 08:08:43 +00:00
LibWeb/CSS: Parse mask shorthand-property into longhands
This commit regresses a couple tests related to the mask shorthand property. This is because we now parse the longhands but there are errors related to serialization. Some of the failures are fixed again in the next commit. However, for some animation tests this is not the case. Those failures were simply masked by the fact that we did not parse the property correctly.
This commit is contained in:
InvalidUsernameException
Sam Atkins
parent
5fca78e0f9
commit
39b64c9b5c
Notes:
github-actions[bot]
2025-08-06 22:10:22 +00:00
Author: https://github.com/InvalidUsernameException
Commit: 39b64c9b5c
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5511
Reviewed-by: https://github.com/AtkinsSJ ✅
Reviewed-by: https://github.com/Calme1709
7 changed files with 311 additions and 59 deletions
|
|
@ -450,6 +450,7 @@ private:
|
|||
RefPtr<CSSStyleValue const> parse_font_variant_ligatures_value(TokenStream<ComponentValue>&);
|
||||
RefPtr<CSSStyleValue const> parse_font_variant_numeric_value(TokenStream<ComponentValue>&);
|
||||
RefPtr<CSSStyleValue const> parse_list_style_value(TokenStream<ComponentValue>&);
|
||||
RefPtr<CSSStyleValue const> parse_mask_value(TokenStream<ComponentValue>&);
|
||||
RefPtr<CSSStyleValue const> parse_math_depth_value(TokenStream<ComponentValue>&);
|
||||
RefPtr<CSSStyleValue const> parse_opacity_value(PropertyID property_id, TokenStream<ComponentValue>&);
|
||||
RefPtr<CSSStyleValue const> parse_overflow_value(TokenStream<ComponentValue>&);
|
||||
|
|
|
|||
|
|
@ -664,6 +664,10 @@ Parser::ParseErrorOr<NonnullRefPtr<CSSStyleValue const>> Parser::parse_css_value
|
|||
if (auto parsed_value = parse_math_depth_value(tokens); parsed_value && !tokens.has_next_token())
|
||||
return parsed_value.release_nonnull();
|
||||
return ParseError::SyntaxError;
|
||||
case PropertyID::Mask:
|
||||
if (auto parsed_value = parse_mask_value(tokens); parsed_value && !tokens.has_next_token())
|
||||
return parsed_value.release_nonnull();
|
||||
return ParseError::SyntaxError;
|
||||
case PropertyID::MaskClip:
|
||||
case PropertyID::MaskComposite:
|
||||
case PropertyID::MaskImage:
|
||||
|
|
@ -1154,7 +1158,7 @@ RefPtr<CSSStyleValue const> Parser::parse_background_value(TokenStream<Component
|
|||
{
|
||||
auto transaction = tokens.begin_transaction();
|
||||
|
||||
auto make_background_shorthand = [&](auto background_color, auto background_image, auto background_position, auto background_size, auto background_repeat, auto background_attachment, auto background_origin, auto background_clip) {
|
||||
auto make_background_shorthand = [](auto background_color, auto background_image, auto background_position, auto background_size, auto background_repeat, auto background_attachment, auto background_origin, auto background_clip) {
|
||||
return ShorthandStyleValue::create(PropertyID::Background,
|
||||
{ PropertyID::BackgroundColor, PropertyID::BackgroundImage, PropertyID::BackgroundPosition, PropertyID::BackgroundSize, PropertyID::BackgroundRepeat, PropertyID::BackgroundAttachment, PropertyID::BackgroundOrigin, PropertyID::BackgroundClip },
|
||||
{ move(background_color), move(background_image), move(background_position), move(background_size), move(background_repeat), move(background_attachment), move(background_origin), move(background_clip) });
|
||||
|
|
@ -3529,6 +3533,244 @@ RefPtr<CSSStyleValue const> Parser::parse_list_style_value(TokenStream<Component
|
|||
{ list_position.release_nonnull(), list_image.release_nonnull(), list_type.release_nonnull() });
|
||||
}
|
||||
|
||||
RefPtr<CSSStyleValue const> Parser::parse_mask_value(TokenStream<ComponentValue>& tokens)
|
||||
{
|
||||
// https://drafts.fxtf.org/css-masking-1/#the-mask
|
||||
// <mask-layer>#
|
||||
//
|
||||
// <mask-layer> =
|
||||
// <mask-reference> ||
|
||||
// <position> [ / <bg-size> ]? ||
|
||||
// <repeat-style> ||
|
||||
// <geometry-box> ||
|
||||
// [ <geometry-box> | no-clip ] ||
|
||||
// <compositing-operator> ||
|
||||
// <masking-mode>
|
||||
auto transaction = tokens.begin_transaction();
|
||||
|
||||
auto make_mask_shorthand = [](auto mask_image, auto mask_position, auto mask_size, auto mask_repeat, auto mask_origin, auto mask_clip, auto mask_composite, auto mask_mode) {
|
||||
return ShorthandStyleValue::create(PropertyID::Mask,
|
||||
{ PropertyID::MaskImage, PropertyID::MaskPosition, PropertyID::MaskSize, PropertyID::MaskRepeat, PropertyID::MaskOrigin, PropertyID::MaskClip, PropertyID::MaskComposite, PropertyID::MaskMode },
|
||||
{ move(mask_image), move(mask_position), move(mask_size), move(mask_repeat), move(mask_origin), move(mask_clip), move(mask_composite), move(mask_mode) });
|
||||
};
|
||||
|
||||
StyleValueVector mask_images;
|
||||
StyleValueVector mask_positions;
|
||||
StyleValueVector mask_sizes;
|
||||
StyleValueVector mask_repeats;
|
||||
StyleValueVector mask_origins;
|
||||
StyleValueVector mask_clips;
|
||||
StyleValueVector mask_composites;
|
||||
StyleValueVector mask_modes;
|
||||
|
||||
auto initial_mask_image = property_initial_value(PropertyID::MaskImage);
|
||||
auto initial_mask_position = property_initial_value(PropertyID::MaskPosition);
|
||||
auto initial_mask_size = property_initial_value(PropertyID::MaskSize);
|
||||
auto initial_mask_repeat = property_initial_value(PropertyID::MaskRepeat);
|
||||
auto initial_mask_origin = property_initial_value(PropertyID::MaskOrigin);
|
||||
auto initial_mask_clip = property_initial_value(PropertyID::MaskClip);
|
||||
auto initial_mask_composite = property_initial_value(PropertyID::MaskComposite);
|
||||
auto initial_mask_mode = property_initial_value(PropertyID::MaskMode);
|
||||
|
||||
// Per-layer values
|
||||
RefPtr<CSSStyleValue const> mask_image;
|
||||
RefPtr<CSSStyleValue const> mask_position;
|
||||
RefPtr<CSSStyleValue const> mask_size;
|
||||
RefPtr<CSSStyleValue const> mask_repeat;
|
||||
RefPtr<CSSStyleValue const> mask_origin;
|
||||
RefPtr<CSSStyleValue const> mask_clip;
|
||||
RefPtr<CSSStyleValue const> mask_composite;
|
||||
RefPtr<CSSStyleValue const> mask_mode;
|
||||
|
||||
bool has_multiple_layers = false;
|
||||
// MaskSize is always parsed as part of MaskPosition, so we don't include it here.
|
||||
Vector<PropertyID> remaining_layer_properties {
|
||||
PropertyID::MaskImage,
|
||||
PropertyID::MaskPosition,
|
||||
PropertyID::MaskRepeat,
|
||||
PropertyID::MaskOrigin,
|
||||
PropertyID::MaskClip,
|
||||
PropertyID::MaskComposite,
|
||||
PropertyID::MaskMode,
|
||||
};
|
||||
|
||||
auto mask_layer_is_valid = [&]() -> bool {
|
||||
return mask_image || mask_position || mask_size || mask_repeat || mask_origin || mask_clip || mask_composite || mask_mode;
|
||||
};
|
||||
|
||||
auto complete_mask_layer = [&]() {
|
||||
mask_images.append(mask_image ? mask_image.release_nonnull() : initial_mask_image);
|
||||
mask_positions.append(mask_position ? mask_position.release_nonnull() : initial_mask_position);
|
||||
mask_sizes.append(mask_size ? mask_size.release_nonnull() : initial_mask_size);
|
||||
mask_repeats.append(mask_repeat ? mask_repeat.release_nonnull() : initial_mask_repeat);
|
||||
mask_composites.append(mask_composite ? mask_composite.release_nonnull() : initial_mask_composite);
|
||||
mask_modes.append(mask_mode ? mask_mode.release_nonnull() : initial_mask_mode);
|
||||
|
||||
if (!mask_origin && !mask_clip) {
|
||||
mask_origin = initial_mask_origin;
|
||||
mask_clip = initial_mask_clip;
|
||||
} else if (!mask_clip) {
|
||||
mask_clip = mask_origin;
|
||||
}
|
||||
mask_origins.append(mask_origin.release_nonnull());
|
||||
mask_clips.append(mask_clip.release_nonnull());
|
||||
|
||||
mask_image = nullptr;
|
||||
mask_position = nullptr;
|
||||
mask_size = nullptr;
|
||||
mask_repeat = nullptr;
|
||||
mask_origin = nullptr;
|
||||
mask_clip = nullptr;
|
||||
mask_composite = nullptr;
|
||||
mask_mode = nullptr;
|
||||
|
||||
remaining_layer_properties.clear_with_capacity();
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskImage);
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskPosition);
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskRepeat);
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskOrigin);
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskClip);
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskComposite);
|
||||
remaining_layer_properties.unchecked_append(PropertyID::MaskMode);
|
||||
};
|
||||
|
||||
while (tokens.has_next_token()) {
|
||||
if (tokens.next_token().is(Token::Type::Comma)) {
|
||||
has_multiple_layers = true;
|
||||
if (!mask_layer_is_valid())
|
||||
return nullptr;
|
||||
complete_mask_layer();
|
||||
tokens.discard_a_token();
|
||||
continue;
|
||||
}
|
||||
|
||||
auto value_and_property = parse_css_value_for_properties(remaining_layer_properties, tokens);
|
||||
if (!value_and_property.has_value())
|
||||
return nullptr;
|
||||
auto& value = value_and_property->style_value;
|
||||
auto property = value_and_property->property;
|
||||
remove_property(remaining_layer_properties, property);
|
||||
|
||||
switch (property) {
|
||||
// <mask-reference>
|
||||
case PropertyID::MaskImage:
|
||||
VERIFY(!mask_image);
|
||||
mask_image = value.release_nonnull();
|
||||
continue;
|
||||
// <position> [ / <bg-size> ]?
|
||||
case PropertyID::MaskPosition: {
|
||||
VERIFY(!mask_position);
|
||||
mask_position = value.release_nonnull();
|
||||
|
||||
// Attempt to parse `/ <bg-size>`
|
||||
auto mask_size_transaction = tokens.begin_transaction();
|
||||
auto const& maybe_slash = tokens.consume_a_token();
|
||||
if (maybe_slash.is_delim('/')) {
|
||||
if (auto maybe_mask_size = parse_single_background_size_value(PropertyID::MaskSize, tokens)) {
|
||||
mask_size_transaction.commit();
|
||||
mask_size = maybe_mask_size.release_nonnull();
|
||||
continue;
|
||||
}
|
||||
return nullptr;
|
||||
}
|
||||
continue;
|
||||
}
|
||||
// <repeat-style>
|
||||
case PropertyID::MaskRepeat: {
|
||||
VERIFY(!mask_repeat);
|
||||
tokens.reconsume_current_input_token();
|
||||
if (auto maybe_repeat = parse_single_repeat_style_value(property, tokens)) {
|
||||
mask_repeat = maybe_repeat.release_nonnull();
|
||||
continue;
|
||||
}
|
||||
return nullptr;
|
||||
}
|
||||
// <geometry-box> || [ <geometry-box> | no-clip ]
|
||||
// If one <geometry-box> value and the no-clip keyword are present then <geometry-box> sets mask-origin and
|
||||
// no-clip sets mask-clip to that value.
|
||||
// If one <geometry-box> value and no no-clip keyword are present then <geometry-box> sets both mask-origin and
|
||||
// mask-clip to that value.
|
||||
// If two <geometry-box> values are present, then the first sets mask-origin and the second mask-clip.
|
||||
case PropertyID::MaskOrigin:
|
||||
case PropertyID::MaskClip: {
|
||||
VERIFY(value->is_keyword());
|
||||
if (value->as_keyword().keyword() == Keyword::NoClip) {
|
||||
VERIFY(!mask_clip);
|
||||
mask_clip = value.release_nonnull();
|
||||
} else if (!mask_origin) {
|
||||
mask_origin = value.release_nonnull();
|
||||
} else if (!mask_clip) {
|
||||
mask_clip = value.release_nonnull();
|
||||
} else {
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
continue;
|
||||
}
|
||||
// <compositing-operator>
|
||||
case PropertyID::MaskComposite:
|
||||
VERIFY(!mask_composite);
|
||||
mask_composite = value.release_nonnull();
|
||||
continue;
|
||||
// <masking-mode>
|
||||
case PropertyID::MaskMode:
|
||||
VERIFY(!mask_mode);
|
||||
mask_mode = value.release_nonnull();
|
||||
continue;
|
||||
default:
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
if (!mask_layer_is_valid())
|
||||
return nullptr;
|
||||
|
||||
// We only need to create StyleValueLists if there are multiple layers.
|
||||
// Otherwise, we can pass the single StyleValue directly
|
||||
if (has_multiple_layers) {
|
||||
complete_mask_layer();
|
||||
transaction.commit();
|
||||
return make_mask_shorthand(
|
||||
StyleValueList::create(move(mask_images), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_positions), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_sizes), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_repeats), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_origins), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_clips), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_composites), StyleValueList::Separator::Comma),
|
||||
StyleValueList::create(move(mask_modes), StyleValueList::Separator::Comma));
|
||||
}
|
||||
|
||||
if (!mask_image)
|
||||
mask_image = initial_mask_image;
|
||||
if (!mask_position)
|
||||
mask_position = initial_mask_position;
|
||||
if (!mask_size)
|
||||
mask_size = initial_mask_size;
|
||||
if (!mask_repeat)
|
||||
mask_repeat = initial_mask_repeat;
|
||||
if (!mask_origin)
|
||||
mask_origin = initial_mask_origin;
|
||||
if (!mask_clip)
|
||||
mask_clip = mask_origin; // intentionally not initial value
|
||||
if (!mask_composite)
|
||||
mask_composite = initial_mask_composite;
|
||||
if (!mask_mode)
|
||||
mask_mode = initial_mask_mode;
|
||||
|
||||
transaction.commit();
|
||||
return make_mask_shorthand(
|
||||
mask_image.release_nonnull(),
|
||||
mask_position.release_nonnull(),
|
||||
mask_size.release_nonnull(),
|
||||
mask_repeat.release_nonnull(),
|
||||
mask_origin.release_nonnull(),
|
||||
mask_clip.release_nonnull(),
|
||||
mask_composite.release_nonnull(),
|
||||
mask_mode.release_nonnull());
|
||||
}
|
||||
|
||||
RefPtr<CSSStyleValue const> Parser::parse_math_depth_value(TokenStream<ComponentValue>& tokens)
|
||||
{
|
||||
// https://w3c.github.io/mathml-core/#propdef-math-depth
|
||||
|
|
|
|||
|
|
@ -2376,11 +2376,19 @@
|
|||
]
|
||||
},
|
||||
"mask": {
|
||||
"__comment": "FIXME: reset mask-border",
|
||||
"inherited": false,
|
||||
"__comment": "FIXME: add longhands mask-clip, mask-composite, mask-mode, mask-origin, mask-position, mask-repeat, mask-size; also reset mask-border",
|
||||
"affects-layout": false,
|
||||
"initial": "none",
|
||||
"longhands": [
|
||||
"mask-image"
|
||||
"mask-clip",
|
||||
"mask-composite",
|
||||
"mask-image",
|
||||
"mask-mode",
|
||||
"mask-origin",
|
||||
"mask-position",
|
||||
"mask-repeat",
|
||||
"mask-size"
|
||||
]
|
||||
},
|
||||
"mask-clip": {
|
||||
|
|
|
|||
|
|
@ -111,9 +111,9 @@ All supported properties and their default values exposed from CSSStylePropertie
|
|||
'WebkitJustifyContent': 'normal'
|
||||
'webkitJustifyContent': 'normal'
|
||||
'-webkit-justify-content': 'normal'
|
||||
'WebkitMask': 'none'
|
||||
'webkitMask': 'none'
|
||||
'-webkit-mask': 'none'
|
||||
'WebkitMask': 'border-box'
|
||||
'webkitMask': 'border-box'
|
||||
'-webkit-mask': 'border-box'
|
||||
'WebkitMaskImage': 'none'
|
||||
'webkitMaskImage': 'none'
|
||||
'-webkit-mask-image': 'none'
|
||||
|
|
@ -524,7 +524,7 @@ All supported properties and their default values exposed from CSSStylePropertie
|
|||
'margin-right': '8px'
|
||||
'marginTop': '8px'
|
||||
'margin-top': '8px'
|
||||
'mask': 'none'
|
||||
'mask': 'border-box'
|
||||
'maskClip': 'border-box'
|
||||
'mask-clip': 'border-box'
|
||||
'maskComposite': 'add'
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@ Harness status: OK
|
|||
|
||||
Found 42 tests
|
||||
|
||||
42 Pass
|
||||
28 Pass
|
||||
14 Fail
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <mask> from [none] to [url(mask.png)] at (-0.3) should be [none]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <mask> from [none] to [url(mask.png)] at (0) should be [none]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <mask> from [none] to [url(mask.png)] at (0.3) should be [none]
|
||||
|
|
@ -31,17 +32,17 @@ Pass CSS Transitions with transition: all: property <mask> from [none] to [url(m
|
|||
Pass CSS Transitions with transition: all: property <mask> from [none] to [url(mask.png)] at (0.6) should be [url(mask.png)]
|
||||
Pass CSS Transitions with transition: all: property <mask> from [none] to [url(mask.png)] at (1) should be [url(mask.png)]
|
||||
Pass CSS Transitions with transition: all: property <mask> from [none] to [url(mask.png)] at (1.5) should be [url(mask.png)]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (-0.3) should be [none]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (0) should be [none]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (0.3) should be [none]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (0.5) should be [url(mask.png)]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (0.6) should be [url(mask.png)]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (1) should be [url(mask.png)]
|
||||
Pass CSS Animations: property <mask> from [none] to [url(mask.png)] at (1.5) should be [url(mask.png)]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (-0.3) should be [none]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (0) should be [none]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (0.3) should be [none]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (0.5) should be [url(mask.png)]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (0.6) should be [url(mask.png)]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (1) should be [url(mask.png)]
|
||||
Pass Web Animations: property <mask> from [none] to [url(mask.png)] at (1.5) should be [url(mask.png)]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (-0.3) should be [none]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (0) should be [none]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (0.3) should be [none]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (0.5) should be [url(mask.png)]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (0.6) should be [url(mask.png)]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (1) should be [url(mask.png)]
|
||||
Fail CSS Animations: property <mask> from [none] to [url(mask.png)] at (1.5) should be [url(mask.png)]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (-0.3) should be [none]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (0) should be [none]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (0.3) should be [none]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (0.5) should be [url(mask.png)]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (0.6) should be [url(mask.png)]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (1) should be [url(mask.png)]
|
||||
Fail Web Animations: property <mask> from [none] to [url(mask.png)] at (1.5) should be [url(mask.png)]
|
||||
|
|
@ -2,32 +2,32 @@ Harness status: OK
|
|||
|
||||
Found 27 tests
|
||||
|
||||
3 Pass
|
||||
24 Fail
|
||||
Pass Property mask value 'none'
|
||||
12 Pass
|
||||
15 Fail
|
||||
Fail Property mask value 'none'
|
||||
Pass Property mask value 'linear-gradient(to left bottom, red, blue)'
|
||||
Fail Property mask value 'linear-gradient(to left bottom, red, blue) luminance'
|
||||
Pass Property mask value 'linear-gradient(to left bottom, red, blue) luminance'
|
||||
Pass Property mask value 'url("https://example.com/")'
|
||||
Fail Property mask value 'linear-gradient(to left bottom, red, blue) 1px 2px'
|
||||
Pass Property mask value 'linear-gradient(to left bottom, red, blue) 1px 2px'
|
||||
Fail Property mask value 'url("https://example.com/") 1px 2px / contain'
|
||||
Fail Property mask value 'repeat-y'
|
||||
Pass Property mask value 'repeat-y'
|
||||
Fail Property mask value 'border-box'
|
||||
Fail Property mask value 'linear-gradient(to left bottom, red, blue) padding-box'
|
||||
Fail Property mask value 'content-box'
|
||||
Fail Property mask value 'url("https://example.com/") fill-box'
|
||||
Fail Property mask value 'linear-gradient(to left bottom, red, blue) stroke-box'
|
||||
Fail Property mask value 'view-box'
|
||||
Fail Property mask value 'no-clip'
|
||||
Fail Property mask value 'url("https://example.com/") add'
|
||||
Fail Property mask value 'subtract'
|
||||
Pass Property mask value 'no-clip'
|
||||
Pass Property mask value 'url("https://example.com/") add'
|
||||
Pass Property mask value 'subtract'
|
||||
Fail Property mask value 'url("https://example.com/") intersect'
|
||||
Fail Property mask value 'linear-gradient(to left bottom, red, blue) exclude'
|
||||
Fail Property mask value 'alpha'
|
||||
Fail Property mask value 'url("https://example.com/") alpha'
|
||||
Pass Property mask value 'alpha'
|
||||
Pass Property mask value 'url("https://example.com/") alpha'
|
||||
Fail Property mask value 'border-box border-box'
|
||||
Fail Property mask value 'content-box content-box'
|
||||
Fail Property mask value 'border-box content-box'
|
||||
Fail Property mask value 'border-box no-clip'
|
||||
Pass Property mask value 'border-box no-clip'
|
||||
Fail Property mask value 'intersect no-clip space round 1px 2px / contain stroke-box linear-gradient(to left bottom, red, blue) luminance'
|
||||
Fail Property mask value 'intersect no-clip space round 1px 2px / contain view-box, stroke-box linear-gradient(to left bottom, red, blue) luminance'
|
||||
Fail Property mask value 'none alpha'
|
||||
Pass Property mask value 'none alpha'
|
||||
|
|
@ -2,60 +2,60 @@ Harness status: OK
|
|||
|
||||
Found 55 tests
|
||||
|
||||
5 Pass
|
||||
50 Fail
|
||||
Pass e.style['mask'] = "none" should set the property value
|
||||
25 Pass
|
||||
30 Fail
|
||||
Fail e.style['mask'] = "none" should set the property value
|
||||
Pass e.style['mask'] = "linear-gradient(to left bottom, red, blue)" should set the property value
|
||||
Fail e.style['mask'] = "linear-gradient(to left bottom, red, blue) luminance" should set the property value
|
||||
Pass e.style['mask'] = "linear-gradient(to left bottom, red, blue) luminance" should set the property value
|
||||
Pass e.style['mask'] = "url(\"https://wpt.live/\")" should set the property value
|
||||
Fail e.style['mask'] = "linear-gradient(to left bottom, red, blue) 1px 2px" should set the property value
|
||||
Pass e.style['mask'] = "linear-gradient(to left bottom, red, blue) 1px 2px" should set the property value
|
||||
Fail e.style['mask'] = "url(\"https://wpt.live/\") 1px 2px / contain" should set the property value
|
||||
Fail e.style['mask'] = "repeat-y" should set the property value
|
||||
Pass e.style['mask'] = "repeat-y" should set the property value
|
||||
Fail e.style['mask'] = "border-box" should set the property value
|
||||
Fail e.style['mask'] = "linear-gradient(to left bottom, red, blue) padding-box" should set the property value
|
||||
Fail e.style['mask'] = "content-box" should set the property value
|
||||
Fail e.style['mask'] = "url(\"https://wpt.live/\") fill-box" should set the property value
|
||||
Fail e.style['mask'] = "linear-gradient(to left bottom, red, blue) stroke-box" should set the property value
|
||||
Fail e.style['mask'] = "view-box" should set the property value
|
||||
Fail e.style['mask'] = "no-clip" should set the property value
|
||||
Fail e.style['mask'] = "url(\"https://wpt.live/\") add" should set the property value
|
||||
Fail e.style['mask'] = "subtract" should set the property value
|
||||
Pass e.style['mask'] = "no-clip" should set the property value
|
||||
Pass e.style['mask'] = "url(\"https://wpt.live/\") add" should set the property value
|
||||
Pass e.style['mask'] = "subtract" should set the property value
|
||||
Fail e.style['mask'] = "url(\"https://wpt.live/\") intersect" should set the property value
|
||||
Fail e.style['mask'] = "linear-gradient(to left bottom, red, blue) exclude" should set the property value
|
||||
Fail e.style['mask'] = "alpha" should set the property value
|
||||
Fail e.style['mask'] = "url(\"https://wpt.live/\") alpha" should set the property value
|
||||
Pass e.style['mask'] = "alpha" should set the property value
|
||||
Pass e.style['mask'] = "url(\"https://wpt.live/\") alpha" should set the property value
|
||||
Fail e.style['mask'] = "border-box border-box" should set the property value
|
||||
Fail e.style['mask'] = "content-box content-box" should set the property value
|
||||
Fail e.style['mask'] = "border-box content-box" should set the property value
|
||||
Fail e.style['mask'] = "border-box no-clip" should set the property value
|
||||
Pass e.style['mask'] = "border-box no-clip" should set the property value
|
||||
Fail e.style['mask'] = "intersect no-clip space round 1px 2px / contain stroke-box linear-gradient(to left bottom, red, blue) luminance" should set the property value
|
||||
Fail e.style['mask'] = "intersect no-clip space round 1px 2px / contain view-box, stroke-box linear-gradient(to left bottom, red, blue) luminance" should set the property value
|
||||
Fail e.style['mask'] = "none alpha" should set the property value
|
||||
Pass e.style['mask'] = "none alpha" should set the property value
|
||||
Fail e.style['mask'] = "none" should set mask-border-outset
|
||||
Fail e.style['mask'] = "none" should set mask-border-repeat
|
||||
Fail e.style['mask'] = "none" should set mask-border-slice
|
||||
Fail e.style['mask'] = "none" should set mask-border-source
|
||||
Fail e.style['mask'] = "none" should set mask-border-width
|
||||
Fail e.style['mask'] = "none" should set mask-clip
|
||||
Fail e.style['mask'] = "none" should set mask-composite
|
||||
Pass e.style['mask'] = "none" should set mask-clip
|
||||
Pass e.style['mask'] = "none" should set mask-composite
|
||||
Pass e.style['mask'] = "none" should set mask-image
|
||||
Fail e.style['mask'] = "none" should set mask-mode
|
||||
Fail e.style['mask'] = "none" should set mask-origin
|
||||
Fail e.style['mask'] = "none" should set mask-position
|
||||
Fail e.style['mask'] = "none" should set mask-repeat
|
||||
Fail e.style['mask'] = "none" should set mask-size
|
||||
Pass e.style['mask'] = "none" should set mask-mode
|
||||
Pass e.style['mask'] = "none" should set mask-origin
|
||||
Pass e.style['mask'] = "none" should set mask-position
|
||||
Pass e.style['mask'] = "none" should set mask-repeat
|
||||
Pass e.style['mask'] = "none" should set mask-size
|
||||
Pass e.style['mask'] = "none" should not set unrelated longhands
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-outset
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-repeat
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-slice
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-source
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-width
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-clip
|
||||
Pass e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-clip
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-composite
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-image
|
||||
Pass e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-image
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-mode
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-origin
|
||||
Pass e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-origin
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-position
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-repeat
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-size
|
||||
Fail e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should not set unrelated longhands
|
||||
Pass e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should not set unrelated longhands
|
||||
Loading…
Add table
Add a link
Reference in a new issue