kitesurf · WPT

wpt/css/css-grid/parsing/grid-shorthand-serialization.html
FAIL
expected FAIL · 997 ms
▶ run in kitesurf
Test
/css/css-grid/parsing/grid-shorthand-serialization.html
Actual
FAIL
Expected
FAIL
Unexpected
no
Duration
997 ms
Harness
OK
Counts
—
Reason
—
Run
https://kitesurf.rendering.cfdata.org/?url=http%3A%2F%2Fwpt.live%2Fcss%2Fcss-grid%2Fparsing%2Fgrid-shorthand-serialization.html ↗
Upstream
view on github.com/web-platform-tests/wpt ↗

Subtests

statussubtestmessage
PASSe.style.cssText = grid: auto-flow auto / 100px 100px should set grid
PASSe.style.cssText = grid: auto-flow auto / 100px 100px should set grid-template-areas
FAILe.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow auto / 100px 100px"
PASSe.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-auto-flow
PASSe.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-auto-rows
PASSe.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-template-areas
FAILe.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set gridassert_equals: grid serialization should be canonical expected "" but got "30px 40px / 50px 60px"
PASSe.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid-auto-flow
PASSe.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid-template
PASScssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-template: 30px 40px / 50px 60px;' in its serialization
PASScssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-rows: auto;' in its serialization
PASScssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-columns: auto;' in its serialization
PASScssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-flow: column;' in its serialization
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: 20px should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: 20px should set grid-template
PASScssText ('grid: auto-flow / 10px; grid-template-rows: 20px') must contain 'grid: 20px / 10px;' in its serialization
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) should set grid-template-rows
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) repeat(3, 30px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) repeat(3, 30px) should set grid-template-rows
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fill, 20px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fill, 20px) should set grid-template-rows
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fit, 20px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fit, 20px) should set grid-template-rows
PASSe.style.cssText = grid: 10px / auto; grid-template-columns: 20px should set grid
PASSe.style.cssText = grid: 10px / auto; grid-template-columns: 20px should set grid-template
PASScssText ('grid: 10px / auto; grid-template-columns: 20px') must contain 'grid: 10px / 20px;' in its serialization
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) should set grid-template-columns
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) repeat(3, 30px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) repeat(3, 30px) should set grid-template-columns
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fill, 20px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fill, 20px) should set grid-template-columns
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid
PASSe.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid-template-columns
FAILe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-flow: inherit should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow 1px / 2px"
PASSe.style.cssText = grid: 1px / 2px; grid-auto-flow: row should set grid
PASSe.style.cssText = grid: none / 2px; grid-auto-flow: row should set grid
PASSe.style.cssText = grid: 1px / 2px; grid-auto-columns: auto should set grid
PASSe.style.cssText = grid: 1px / 2px; grid-auto-rows: auto should set grid
PASSe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: auto should set grid
PASSe.style.cssText = grid: 1px / auto-flow; grid-auto-columns: auto should set grid
PASSe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: auto should set grid
PASSe.style.cssText = grid: auto-flow 1px / none; grid-auto-columns: auto should set grid
PASSe.style.cssText = grid: auto-flow dense / 2px; grid-auto-rows: auto should set grid
FAILe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow 1px / 2px"
PASSe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-columns
PASSe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-flow
PASSe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-rows
PASSe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-template-columns
PASSe.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-template-rows
FAILe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set gridassert_equals: grid serialization should be canonical expected "" but got "1px / auto-flow 2px"
PASSe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-columns
PASSe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-flow
PASSe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-rows
PASSe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-template-columns
PASSe.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-template-rows
FAILe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set gridassert_equals: grid serialization should be canonical expected "" but got "none / auto-flow 1px"
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-flow
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-rows
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-template-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-template-rows
FAILe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set gridassert_equals: grid serialization should be canonical expected "" but got "none / auto-flow 1px"
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-flow
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-rows
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-template-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-template-rows
FAILe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set gridassert_equals: grid serialization should be canonical expected "" but got "none / auto-flow 1px"
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-flow
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-rows
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-template-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-template-rows
FAILe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set gridassert_equals: grid serialization should be canonical expected "" but got "none / auto-flow 1px"
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-flow
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-rows
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-template-columns
PASSe.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-template-rows
FAILe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow 1px / none"
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-flow
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-rows
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-template-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-template-rows
FAILe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow 1px / none"
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-flow
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-rows
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-template-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-template-rows
FAILe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow 1px / none"
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-flow
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-rows
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-template-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-template-rows
FAILe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set gridassert_equals: grid serialization should be canonical expected "" but got "auto-flow 1px / none"
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-flow
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-rows
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-template-columns
PASSe.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-template-rows
PASSe.style.cssText = grid-template: none; should set grid
PASSe.style.cssText = grid-template: none; should set grid-template
PASSe.style.cssText = grid-template: none; should set grid-template-areas
PASSe.style.cssText = grid-template: none; should set grid-template-columns
PASSe.style.cssText = grid-template: none; should set grid-template-rows
PASSe.style.cssText = grid-template: auto / auto; should set grid
PASSe.style.cssText = grid-template: auto / auto; should set grid-template
PASSe.style.cssText = grid-template: auto / auto; should set grid-template-areas
PASSe.style.cssText = grid-template: auto / auto; should set grid-template-columns
PASSe.style.cssText = grid-template: auto / auto; should set grid-template-rows
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto should set grid
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto should set grid-template
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto should set grid-template-areas
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto should set grid-template-columns
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto should set grid-template-rows
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] "c c c" "d d d" / auto should set grid
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] "c c c" "d d d" / auto should set grid-template
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] "c c c" "d d d" / auto should set grid-template-areas
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] "c c c" "d d d" / auto should set grid-template-columns
PASSe.style.cssText = grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] "c c c" "d d d" / auto should set grid-template-rows
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid-template-areas
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid-template-columns
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid-template-rows
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid-template-areas
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid-template-columns
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid-template-rows
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid-template-areas
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid-template-columns
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid-template-rows
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid-template-areas
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid-template-columns
PASSe.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid-template-rows

bundle built 2026-07-16T07:16:48.063Z