mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-07-30 04:39:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Parse the border-image-outset property

Browse source
This commit is contained in:
Tim Ledbetter 2025-06-10 23:54:48 +01:00 • committed by Sam Atkins
commit 98e63e3dd5
Notes: github-actions[bot] 2025-07-03 09:21:04 +00:00
12 changed files with 236 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

11
Libraries/LibWeb/CSS/Properties.json
View file

@ -705,6 +705,17 @@
],
"max-values": 1
},
"border-image-outset": {
"affects-layout": false,
"animation-type": "by-computed-value",
"inherited": false,
"initial": "0",
"max-values": 4,
"valid-types": [
"length [0,∞]",
"number [0,∞]"
]
},
"border-image-slice": {
"affects-layout": false,
"animation-type": "by-computed-value",

1
Meta/Lagom/Tools/CodeGenerators/LibWeb/GenerateCSSPseudoElement.cpp
View file

@ -316,6 +316,7 @@ bool pseudo_element_supports_property(PseudoElement pseudo_element, PropertyID p
append_property("border-bottom-style"sv);
append_property("border-bottom-width"sv);
append_property("border-color"sv);
append_property("border-image-outset"sv);
append_property("border-image-slice"sv);
append_property("border-image-source"sv);
append_property("border-image-width"sv);

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

@ -105,6 +105,7 @@ All properties associated with getComputedStyle(document.body):
"border-bottom-width",
"border-end-end-radius",
"border-end-start-radius",
"border-image-outset",
"border-image-slice",
"border-image-source",
"border-image-width",

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

@ -243,6 +243,8 @@ All supported properties and their default values exposed from CSSStylePropertie
'border-end-end-radius': '0px'
'borderEndStartRadius': '0px'
'border-end-start-radius': '0px'
'borderImageOutset': '0'
'border-image-outset': '0'
'borderImageSlice': '100%'
'border-image-slice': '100%'
'borderImageSource': 'none'

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

@ -103,6 +103,7 @@ border-bottom-style: none
border-bottom-width: 0px
border-end-end-radius: 0px
border-end-start-radius: 0px
border-image-outset: 0
border-image-slice: 100%
border-image-source: none
border-image-width: 1
@ -161,7 +162,7 @@ grid-row-start: auto
grid-template-areas: none
grid-template-columns: none
grid-template-rows: none
height: 2445px
height: 2460px
inline-size: 784px
inset-block-end: auto
inset-block-start: auto

33
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-outset-composition.txt
View file

@ -2,7 +2,8 @@ Harness status: OK
Found 56 tests
56 Fail
15 Pass
41 Fail
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]
@ -32,7 +33,7 @@ Fail Compositing: property <border-image-outset> underlying [10px 20px] from add
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1) should be [100px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1.25) should be [75px 75px 50px 50px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (-0.25) should be [75 75px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0) should be [100 100px]
Pass Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0) should be [100 100px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.25) should be [125 125px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.5) should be [150 150px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.75) should be [175 175px]
@ -45,17 +46,17 @@ Fail Compositing: property <border-image-outset> underlying [10px 20] from add [
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.75) should be [25px 25]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1) should be [0px 0]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1.25) should be [0px 0]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (-0.25) should be [75px 125px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0) should be [100px 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.25) should be [125px 175px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.5) should be [150px 200px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.75) should be [175px 225px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1) should be [200px 250px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1.25) should be [225px 275px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (-0.25) should be [100 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0) should be [100 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.25) should be [100 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.5) should be [200px 250]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.75) should be [200px 250]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1) should be [200px 250]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1.25) should be [200px 250]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (-0.25) should be [75px 125px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0) should be [100px 150px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.25) should be [125px 175px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.5) should be [150px 200px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.75) should be [175px 225px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1) should be [200px 250px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1.25) should be [225px 275px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (-0.25) should be [100 150px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0) should be [100 150px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.25) should be [100 150px]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.5) should be [200px 250]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.75) should be [200px 250]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1) should be [200px 250]
Pass Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1.25) should be [200px 250]

271
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-outset-interpolation.txt
View file

@ -2,172 +2,173 @@ Harness status: OK
Found 168 tests
168 Fail
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
134 Pass
34 Fail
Pass CSS Transitions: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Pass CSS Transitions: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Pass CSS Transitions: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Pass CSS Transitions: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Pass CSS Transitions: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Pass CSS Transitions: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Pass CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Pass CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Pass CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Pass CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Pass CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Pass CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Pass CSS Animations: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Pass Web Animations: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Pass CSS Transitions: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Pass CSS Transitions: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Pass CSS Transitions: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Pass CSS Transitions: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Pass CSS Transitions: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Pass CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Pass CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Pass CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Pass CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Pass CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Pass CSS Animations: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Pass CSS Animations: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Pass CSS Animations: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Pass CSS Animations: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Pass CSS Animations: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Pass Web Animations: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Pass Web Animations: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Pass Web Animations: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Pass Web Animations: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Pass Web Animations: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Pass CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Pass CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Pass CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Pass CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Pass CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Pass CSS Animations: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Pass CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Pass CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Pass CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Pass CSS Animations: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Pass Web Animations: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Pass Web Animations: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Pass Web Animations: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Pass Web Animations: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Pass Web Animations: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Pass CSS Transitions: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Pass CSS Transitions: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Pass CSS Transitions: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Pass CSS Transitions: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Pass CSS Transitions: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Pass CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Pass CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Pass CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Pass CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Pass CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Pass CSS Animations: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Pass CSS Animations: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Pass CSS Animations: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Pass CSS Animations: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Pass CSS Animations: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Pass Web Animations: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Pass Web Animations: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Pass Web Animations: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Pass Web Animations: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Pass Web Animations: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Pass CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Pass CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Pass CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Pass CSS Transitions: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Pass CSS Transitions: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Pass CSS Animations: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Pass CSS Animations: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Pass CSS Animations: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Pass CSS Animations: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Pass CSS Animations: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Pass Web Animations: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Pass Web Animations: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Pass Web Animations: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Pass Web Animations: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Pass Web Animations: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Pass CSS Transitions: property <border-image-outset> from [0] to [1] at (0) should be [0]
Pass CSS Transitions: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Pass CSS Transitions: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Pass CSS Transitions: property <border-image-outset> from [0] to [1] at (1) should be [1]
Pass CSS Transitions: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0) should be [0]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (1) should be [1]
Pass CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Pass CSS Animations: property <border-image-outset> from [0] to [1] at (0) should be [0]
Pass CSS Animations: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Pass CSS Animations: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Pass CSS Animations: property <border-image-outset> from [0] to [1] at (1) should be [1]
Pass CSS Animations: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Pass Web Animations: property <border-image-outset> from [0] to [1] at (0) should be [0]
Pass Web Animations: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Pass Web Animations: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Pass Web Animations: property <border-image-outset> from [0] to [1] at (1) should be [1]
Pass Web Animations: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Pass CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Pass CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Pass CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Pass CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Pass CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Pass CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Pass CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Pass CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Pass CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Pass CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Pass CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Pass Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Pass Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Pass Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Pass Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Pass Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]

10
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/parsing/border-image-outset-invalid.txt Normal file
View file

@ -0,0 +1,10 @@
Harness status: OK
Found 5 tests
5 Pass
Pass e.style['border-image-outset'] = "auto" should not set the property value
Pass e.style['border-image-outset'] = "-1" should not set the property value
Pass e.style['border-image-outset'] = "-2px" should not set the property value
Pass e.style['border-image-outset'] = "1%" should not set the property value
Pass e.style['border-image-outset'] = "1 2 3 4 5" should not set the property value

8
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/parsing/border-image-outset-valid.txt Normal file
View file

@ -0,0 +1,8 @@
Harness status: OK
Found 3 tests
3 Pass
Pass e.style['border-image-outset'] = "1px" should set the property value
Pass e.style['border-image-outset'] = "2" should set the property value
Pass e.style['border-image-outset'] = "1px 2 3px 4" should set the property value

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

@ -1,8 +1,8 @@
Harness status: OK
Found 243 tests
Found 244 tests
237 Pass
238 Pass
6 Fail
Pass accent-color
Pass border-collapse
@ -105,6 +105,7 @@ Pass border-bottom-style
Pass border-bottom-width
Pass border-end-end-radius
Pass border-end-start-radius
Pass border-image-outset
Pass border-image-slice
Pass border-image-width
Pass border-inline-end-color

25
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/parsing/border-image-outset-invalid.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Backgrounds and Borders Module Level 3: parsing border-image-outset with invalid values</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-outset">
<meta name="assert" content="border-image-outset supports only the grammar '[ <length> | <number> ]{1,4}'.">
<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("border-image-outset", "auto");
test_invalid_value("border-image-outset", "-1");
test_invalid_value("border-image-outset", "-2px");
test_invalid_value("border-image-outset", "1%");
test_invalid_value("border-image-outset", "1 2 3 4 5");
</script>
</body>
</html>

20
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/parsing/border-image-outset-valid.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Backgrounds and Borders Module Level 3: parsing border-image-outset with valid values</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-outset">
<meta name="assert" content="border-image-outset supports the full grammar '[ <length> | <number> ]{1,4}'.">
<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("border-image-outset", "1px");
test_valid_value("border-image-outset", "2");
test_valid_value("border-image-outset", "1px 2 3px 4");
</script>
</body>
</html>