diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-computed.txt new file mode 100644 index 00000000000..1af02d78b50 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-computed.txt @@ -0,0 +1,41 @@ +Summary + +Harness status: OK + +Rerun + +Found 30 tests + +6 Pass +24 Fail +Details +Result Test Name MessageFail Property grid-area value 'auto / auto / auto / auto' +Fail Property grid-row value 'auto / auto' +Pass Property grid-column-end value 'auto' +Fail Property grid-row value '-zπ' +Pass Property grid-row-start value 'AZ' +Fail Property grid-column-start value '-_π' +Pass Property grid-row-end value '_9' +Fail Property grid-area value '1 / 90 -a- / auto / auto' +Fail Property grid-row value '2 az / auto' +Fail Property grid-column value '9 / -19 zA' +Pass Property grid-row-start value '-19' +Fail Property grid-row-start value '9 -Z_' +Fail Property grid-column-start value '-44 Z' +Fail Property grid-row-end value '1 -πA' +Fail Property grid-column-end value '5 π_' +Fail Property grid-area value 'span 2 i / auto / auto / auto' +Fail Property grid-row value 'span 2 / auto' +Fail Property grid-column-start value 'span 1 i' +Pass Property grid-row-start value 'span 1' +Fail Property grid-row-end value 'span 2 i' +Pass Property grid-column-end value 'span 2' +Fail Property grid-row-start value 'span i' +Fail Property grid-row value 'span i / auto' +Fail Property grid-area value 'auto / i / auto / i' +Fail Property grid-area value 'auto / i / 2 j' +Fail Property grid-area value 'auto / i / 2 j / span 3 k' +Fail Property grid-row value 'auto / i' +Fail Property grid-column value '2 j / span 3 k' +Fail Property grid-column-end value '\31st' +Fail Property grid-column-end value '\31 st' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-invalid.txt new file mode 100644 index 00000000000..914d609f36f --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-invalid.txt @@ -0,0 +1,36 @@ +Summary + +Harness status: OK + +Rerun + +Found 25 tests + +21 Pass +4 Fail +Details +Result Test Name MessagePass e.style['grid-area'] = "'string'" should not set the property value +Pass e.style['grid-row'] = "1.0" should not set the property value +Pass e.style['grid-column'] = "1 2" should not set the property value +Pass e.style['grid-row-start'] = "+-3" should not set the property value +Pass e.style['grid-column-start'] = "0" should not set the property value +Fail e.style['grid-row-end'] = "span" should not set the property value +Fail e.style['grid-column-end'] = "sPaN" should not set the property value +Pass e.style['grid-column-end'] = "\"1st\"" should not set the property value +Pass e.style['grid-column-end'] = "1st" should not set the property value +Pass e.style['grid-column-start'] = "auto 1" should not set the property value +Pass e.style['grid-row-start'] = "1 auto" should not set the property value +Pass e.style['grid-area'] = "auto / initial" should not set the property value +Pass e.style['grid-row'] = "auto / inherit" should not set the property value +Pass e.style['grid-column'] = "auto / unset" should not set the property value +Pass e.style['grid-area'] = "auto / auto / auto / auto / auto" should not set the property value +Fail e.style['grid-row'] = "1 / 2 / 3" should not set the property value +Fail e.style['grid-column'] = "a / b / c" should not set the property value +Pass e.style['grid-row-end'] = "span 1 / span 2" should not set the property value +Pass e.style['grid-area'] = "auto 2 auto 4" should not set the property value +Pass e.style['grid-row'] = "33 -A0 auto" should not set the property value +Pass e.style['grid-row'] = "auto i 2 j span 3 k" should not set the property value +Pass e.style['grid-row-end'] = "1 auto" should not set the property value +Pass e.style['grid-row-end'] = "span 1 auto" should not set the property value +Pass e.style['grid-row-end'] = "span auto 1" should not set the property value +Pass e.style['grid-row-end'] = "1 auto span" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-shorthand.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-shorthand.txt new file mode 100644 index 00000000000..daec4a72d07 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-shorthand.txt @@ -0,0 +1,64 @@ +Summary + +Harness status: OK + +Rerun + +Found 53 tests + +42 Pass +11 Fail +Details +Result Test Name MessagePass e.style['grid-area'] = "auto" should set grid-column-end +Pass e.style['grid-area'] = "auto" should set grid-column-start +Pass e.style['grid-area'] = "auto" should set grid-row-end +Pass e.style['grid-area'] = "auto" should set grid-row-start +Pass e.style['grid-area'] = "auto" should not set unrelated longhands +Pass e.style['grid-area'] = "--a" should set grid-column-end +Pass e.style['grid-area'] = "--a" should set grid-column-start +Pass e.style['grid-area'] = "--a" should set grid-row-end +Pass e.style['grid-area'] = "--a" should set grid-row-start +Pass e.style['grid-area'] = "--a" should not set unrelated longhands +Pass e.style['grid-area'] = "a / b" should set grid-column-end +Pass e.style['grid-area'] = "a / b" should set grid-column-start +Fail e.style['grid-area'] = "a / b" should set grid-row-end +Pass e.style['grid-area'] = "a / b" should set grid-row-start +Pass e.style['grid-area'] = "a / b" should not set unrelated longhands +Fail e.style['grid-area'] = "a / b / c" should set grid-column-end +Pass e.style['grid-area'] = "a / b / c" should set grid-column-start +Pass e.style['grid-area'] = "a / b / c" should set grid-row-end +Pass e.style['grid-area'] = "a / b / c" should set grid-row-start +Pass e.style['grid-area'] = "a / b / c" should not set unrelated longhands +Pass e.style['grid-area'] = "a / b / c / d" should set grid-column-end +Pass e.style['grid-area'] = "a / b / c / d" should set grid-column-start +Pass e.style['grid-area'] = "a / b / c / d" should set grid-row-end +Pass e.style['grid-area'] = "a / b / c / d" should set grid-row-start +Pass e.style['grid-area'] = "a / b / c / d" should not set unrelated longhands +Fail e.style['grid-area'] = "+90 -a- / 2 i span" should set grid-column-end +Fail e.style['grid-area'] = "+90 -a- / 2 i span" should set grid-column-start +Fail e.style['grid-area'] = "+90 -a- / 2 i span" should set grid-row-end +Fail e.style['grid-area'] = "+90 -a- / 2 i span" should set grid-row-start +Fail e.style['grid-area'] = "+90 -a- / 2 i span" should not set unrelated longhands +Pass e.style['grid-area'] = "1 / 2 / 3 / 4" should set grid-column-end +Pass e.style['grid-area'] = "1 / 2 / 3 / 4" should set grid-column-start +Pass e.style['grid-area'] = "1 / 2 / 3 / 4" should set grid-row-end +Pass e.style['grid-area'] = "1 / 2 / 3 / 4" should set grid-row-start +Pass e.style['grid-area'] = "1 / 2 / 3 / 4" should not set unrelated longhands +Pass e.style['grid-row'] = "auto" should set grid-row-end +Pass e.style['grid-row'] = "auto" should set grid-row-start +Pass e.style['grid-row'] = "auto" should not set unrelated longhands +Pass e.style['grid-row'] = "one / 2" should set grid-row-end +Pass e.style['grid-row'] = "one / 2" should set grid-row-start +Pass e.style['grid-row'] = "one / 2" should not set unrelated longhands +Fail e.style['grid-row'] = "1 two / four 3" should set grid-row-end +Fail e.style['grid-row'] = "1 two / four 3" should set grid-row-start +Pass e.style['grid-row'] = "1 two / four 3" should not set unrelated longhands +Pass e.style['grid-column'] = "5 span" should set grid-column-end +Pass e.style['grid-column'] = "5 span" should set grid-column-start +Pass e.style['grid-column'] = "5 span" should not set unrelated longhands +Pass e.style['grid-column'] = "1 / two" should set grid-column-end +Pass e.style['grid-column'] = "1 / two" should set grid-column-start +Pass e.style['grid-column'] = "1 / two" should not set unrelated longhands +Fail e.style['grid-column'] = "span 1 two / four 3 span" should set grid-column-end +Fail e.style['grid-column'] = "span 1 two / four 3 span" should set grid-column-start +Pass e.style['grid-column'] = "span 1 two / four 3 span" should not set unrelated longhands \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-valid.txt new file mode 100644 index 00000000000..9aae121bf75 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-area-valid.txt @@ -0,0 +1,68 @@ +Summary + +Harness status: OK + +Rerun + +Found 57 tests + +6 Pass +51 Fail +Details +Result Test Name MessageFail e.style['grid-area'] = "auto" should set the property value +Fail e.style['grid-area'] = "auto / auto" should set the property value +Fail e.style['grid-area'] = "auto / auto / auto" should set the property value +Fail e.style['grid-area'] = "auto / auto / auto / auto" should set the property value +Fail e.style['grid-area'] = "AuTo" should set the property value +Fail e.style['grid-row'] = "auto" should set the property value +Fail e.style['grid-row'] = "auto/auto" should set the property value +Pass e.style['grid-column-end'] = "AuTo" should set the property value +Fail e.style['grid-area'] = "--a" should set the property value +Fail e.style['grid-row'] = "-zπ" should set the property value +Fail e.style['grid-row'] = "-zπ/-zπ" should set the property value +Fail e.style['grid-row'] = "i / i" should set the property value +Pass e.style['grid-row-start'] = "AZ" should set the property value +Fail e.style['grid-column-start'] = "-_π" should set the property value +Pass e.style['grid-row-end'] = "_9" should set the property value +Fail e.style['grid-area'] = "1" should set the property value +Fail e.style['grid-area'] = "+90 -a-" should set the property value +Fail e.style['grid-row'] = "az 2" should set the property value +Fail e.style['grid-column'] = "9" should set the property value +Fail e.style['grid-column'] = "-19 zA" should set the property value +Fail e.style['grid-column'] = "-A0 33" should set the property value +Pass e.style['grid-row-start'] = "-19" should set the property value +Fail e.style['grid-row-start'] = "9 -Z_" should set the property value +Pass e.style['grid-column-start'] = "+90" should set the property value +Fail e.style['grid-column-start'] = "Z -44" should set the property value +Fail e.style['grid-row-end'] = "1 -πA" should set the property value +Fail e.style['grid-column-end'] = "π_ +5" should set the property value +Fail e.style['grid-area'] = "span 2 i" should set the property value +Fail e.style['grid-area'] = "i 2 SpAn" should set the property value +Fail e.style['grid-area'] = "span 1 i" should set the property value +Fail e.style['grid-row'] = "span 2" should set the property value +Fail e.style['grid-column'] = "i SpAn" should set the property value +Fail e.style['grid-row-start'] = "span i" should set the property value +Fail e.style['grid-column-start'] = "SpAn i 2" should set the property value +Fail e.style['grid-row-end'] = "2 i span" should set the property value +Pass e.style['grid-column-end'] = "2 SpAn" should set the property value +Fail e.style['grid-area'] = "auto / i" should set the property value +Fail e.style['grid-area'] = "auto / i / auto / i" should set the property value +Fail e.style['grid-area'] = "auto / i / auto / 2 i" should set the property value +Fail e.style['grid-area'] = "1 / i / auto / i" should set the property value +Fail e.style['grid-area'] = "1 / auto / auto / auto" should set the property value +Fail e.style['grid-area'] = "1 / auto / i / auto" should set the property value +Fail e.style['grid-area'] = "1 / j / i / k" should set the property value +Fail e.style['grid-area'] = "1 / auto / 2 / auto" should set the property value +Fail e.style['grid-area'] = "1 / i / 2 / auto" should set the property value +Fail e.style['grid-area'] = "i / i / auto / auto" should set the property value +Fail e.style['grid-area'] = "i / auto / i / auto" should set the property value +Fail e.style['grid-area'] = "auto / i / 2 j" should set the property value +Fail e.style['grid-area'] = "auto / i / 2 j / span 3 k" should set the property value +Fail e.style['grid-row'] = "auto / i" should set the property value +Fail e.style['grid-row'] = "i / auto" should set the property value +Fail e.style['grid-row'] = "2 i / auto" should set the property value +Fail e.style['grid-row'] = "1 / auto" should set the property value +Fail e.style['grid-column'] = "2 j / span 3 k" should set the property value +Fail e.style['grid-column-end'] = "\\31st" should set the property value +Fail e.style['grid-column-end'] = "\\31 st" should set the property value +Fail e.style['grid-column'] = "\\31st / \\31 st" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-computed.txt new file mode 100644 index 00000000000..62c9a0eea66 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-computed.txt @@ -0,0 +1,36 @@ +Summary + +Harness status: OK + +Rerun + +Found 25 tests + +18 Pass +7 Fail +Details +Result Test Name MessagePass Property grid-auto-columns value '1px' +Fail Property grid-auto-columns value 'calc(10px + 0.5em)' +Fail Property grid-auto-columns value 'calc(10px - 0.5em)' +Pass Property grid-auto-columns value '4%' +Pass Property grid-auto-columns value '5fr' +Pass Property grid-auto-columns value 'min-content' +Pass Property grid-auto-columns value 'max-content' +Pass Property grid-auto-columns value 'auto' +Pass Property grid-auto-columns value 'minmax(1px, 5fr)' +Fail Property grid-auto-columns value 'minmax(calc(10px + 0.5em), max-content)' +Fail Property grid-auto-columns value 'minmax(calc(10px - 0.5em), max-content)' +Pass Property grid-auto-columns value 'minmax(4%, auto)' +Fail Property grid-auto-columns value 'minmax(min-content, calc(10px + 0.5em))' +Pass Property grid-auto-columns value 'minmax(auto, 4%)' +Pass Property grid-auto-columns value 'fit-content(1px)' +Fail Property grid-auto-columns value 'fit-content(calc(10px + 0.5em))' +Fail Property grid-auto-columns value 'fit-content(calc(10px - 0.5em))' +Pass Property grid-auto-columns value 'fit-content(4%)' +Pass Property grid-auto-columns value '0px' +Pass Property grid-auto-columns value '0%' +Pass Property grid-auto-columns value '0fr' +Pass Property grid-auto-columns value 'minmax(auto, 0%)' +Pass Property grid-auto-columns value 'fit-content(0px)' +Pass Property grid-auto-columns value '1px 2px 3px 0px' +Pass Property grid-auto-columns value 'fit-content(1px) minmax(2px, 3px) 4px' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-invalid.txt new file mode 100644 index 00000000000..6f28576c162 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-invalid.txt @@ -0,0 +1,26 @@ +Summary + +Harness status: OK + +Rerun + +Found 15 tests + +4 Pass +11 Fail +Details +Result Test Name MessageFail e.style['grid-auto-columns'] = "none" should not set the property value +Fail e.style['grid-auto-columns'] = "-1px" should not set the property value +Fail e.style['grid-auto-columns'] = "-4%" should not set the property value +Fail e.style['grid-auto-columns'] = "minmax(1px)" should not set the property value +Fail e.style['grid-auto-columns'] = "minmax(1px, 2px, 3px)" should not set the property value +Fail e.style['grid-auto-columns'] = "minmax(5fr, 1px)" should not set the property value +Fail e.style['grid-auto-columns'] = "minmax(6px, -7%)" should not set the property value +Fail e.style['grid-auto-columns'] = "minmax(8px, -9fr)" should not set the property value +Fail e.style['grid-auto-columns'] = "fit-content(-1px)" should not set the property value +Fail e.style['grid-auto-columns'] = "fit-content(1px, 2px)" should not set the property value +Fail e.style['grid-auto-columns'] = "fit-content(1px auto)" should not set the property value +Pass e.style['grid-auto-columns'] = "2em / 3em" should not set the property value +Pass e.style['grid-auto-columns'] = "auto, 10%" should not set the property value +Pass e.style['grid-auto-columns'] = "1px [a] 1px" should not set the property value +Pass e.style['grid-auto-columns'] = "[] 1px []" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-valid.txt new file mode 100644 index 00000000000..de664df4039 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-columns-valid.txt @@ -0,0 +1,40 @@ +Summary + +Harness status: OK + +Rerun + +Found 30 tests + +30 Pass +Details +Result Test Name MessagePass e.style['grid-auto-columns'] = "1px" should set the property value +Pass e.style['grid-auto-columns'] = "2em" should set the property value +Pass e.style['grid-auto-columns'] = "calc(2em + 3ex)" should set the property value +Pass e.style['grid-auto-columns'] = "4%" should set the property value +Pass e.style['grid-auto-columns'] = "5fr" should set the property value +Pass e.style['grid-auto-columns'] = "min-content" should set the property value +Pass e.style['grid-auto-columns'] = "max-content" should set the property value +Pass e.style['grid-auto-columns'] = "auto" should set the property value +Pass e.style['grid-auto-columns'] = "auto /**/" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(1px, 5fr)" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(2em, min-content)" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(calc(2em + 3ex), max-content)" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(4%, auto)" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(5vmin, 1px)" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(min-content, 2em)" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(max-content, calc(2em + 3ex))" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(auto, 4%)" should set the property value +Pass e.style['grid-auto-columns'] = "fit-content(1px)" should set the property value +Pass e.style['grid-auto-columns'] = "fit-content(2em)" should set the property value +Pass e.style['grid-auto-columns'] = "fit-content(calc(2em + 3ex))" should set the property value +Pass e.style['grid-auto-columns'] = "fit-content(4%)" should set the property value +Pass e.style['grid-auto-columns'] = "0px" should set the property value +Pass e.style['grid-auto-columns'] = "0%" should set the property value +Pass e.style['grid-auto-columns'] = "0fr" should set the property value +Pass e.style['grid-auto-columns'] = "minmax(auto, 0%)" should set the property value +Pass e.style['grid-auto-columns'] = "fit-content(0px)" should set the property value +Pass e.style['grid-auto-columns'] = "auto auto" should set the property value +Pass e.style['grid-auto-columns'] = "auto 10px" should set the property value +Pass e.style['grid-auto-columns'] = "1px 2px 3px 0px" should set the property value +Pass e.style['grid-auto-columns'] = "fit-content(1px) minmax(2px, 3px) 4px" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-computed.txt new file mode 100644 index 00000000000..91e78436c4b --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-computed.txt @@ -0,0 +1,18 @@ +Summary + +Harness status: OK + +Rerun + +Found 7 tests + +4 Pass +3 Fail +Details +Result Test Name MessagePass Property grid-auto-flow value 'row' +Pass Property grid-auto-flow value 'column' +Fail Property grid-auto-flow value 'row dense' +Pass Property grid-auto-flow value 'column dense' +Fail Property grid-auto-flow value 'dense row' +Pass Property grid-auto-flow value 'dense column' +Fail Property grid-auto-flow value 'dense' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-invalid.txt new file mode 100644 index 00000000000..0ea46d2fe62 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-invalid.txt @@ -0,0 +1,13 @@ +Summary + +Harness status: OK + +Rerun + +Found 3 tests + +3 Pass +Details +Result Test Name MessagePass e.style['grid-auto-flow'] = "auto" should not set the property value +Pass e.style['grid-auto-flow'] = "row dense column" should not set the property value +Pass e.style['grid-auto-flow'] = "dense row dense" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-valid.txt new file mode 100644 index 00000000000..872b5e6264e --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-flow-valid.txt @@ -0,0 +1,18 @@ +Summary + +Harness status: OK + +Rerun + +Found 7 tests + +4 Pass +3 Fail +Details +Result Test Name MessagePass e.style['grid-auto-flow'] = "row" should set the property value +Pass e.style['grid-auto-flow'] = "column" should set the property value +Fail e.style['grid-auto-flow'] = "row dense" should set the property value +Fail e.style['grid-auto-flow'] = "dense row" should set the property value +Fail e.style['grid-auto-flow'] = "dense" should set the property value +Pass e.style['grid-auto-flow'] = "column dense" should set the property value +Pass e.style['grid-auto-flow'] = "dense column" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-computed.txt new file mode 100644 index 00000000000..3005215deb2 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-computed.txt @@ -0,0 +1,36 @@ +Summary + +Harness status: OK + +Rerun + +Found 25 tests + +18 Pass +7 Fail +Details +Result Test Name MessagePass Property grid-auto-rows value '1px' +Fail Property grid-auto-rows value 'calc(10px + 0.5em)' +Fail Property grid-auto-rows value 'calc(10px - 0.5em)' +Pass Property grid-auto-rows value '4%' +Pass Property grid-auto-rows value '5fr' +Pass Property grid-auto-rows value 'min-content' +Pass Property grid-auto-rows value 'max-content' +Pass Property grid-auto-rows value 'auto' +Pass Property grid-auto-rows value 'minmax(1px, 5fr)' +Fail Property grid-auto-rows value 'minmax(calc(10px + 0.5em), max-content)' +Fail Property grid-auto-rows value 'minmax(calc(10px - 0.5em), max-content)' +Pass Property grid-auto-rows value 'minmax(4%, auto)' +Fail Property grid-auto-rows value 'minmax(min-content, calc(10px + 0.5em))' +Pass Property grid-auto-rows value 'minmax(auto, 4%)' +Pass Property grid-auto-rows value 'fit-content(1px)' +Fail Property grid-auto-rows value 'fit-content(calc(10px + 0.5em))' +Fail Property grid-auto-rows value 'fit-content(calc(10px - 0.5em))' +Pass Property grid-auto-rows value 'fit-content(4%)' +Pass Property grid-auto-rows value '0px' +Pass Property grid-auto-rows value '0%' +Pass Property grid-auto-rows value '0fr' +Pass Property grid-auto-rows value 'minmax(auto, 0%)' +Pass Property grid-auto-rows value 'fit-content(0px)' +Pass Property grid-auto-rows value '1px 2px 3px 0px' +Pass Property grid-auto-rows value 'fit-content(1px) minmax(2px, 3px) 4px' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-invalid.txt new file mode 100644 index 00000000000..4c1734c5af4 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-invalid.txt @@ -0,0 +1,25 @@ +Summary + +Harness status: OK + +Rerun + +Found 14 tests + +4 Pass +10 Fail +Details +Result Test Name MessageFail e.style['grid-auto-rows'] = "none" should not set the property value +Fail e.style['grid-auto-rows'] = "-1px" should not set the property value +Fail e.style['grid-auto-rows'] = "-4%" should not set the property value +Fail e.style['grid-auto-rows'] = "minmax(1px)" should not set the property value +Fail e.style['grid-auto-rows'] = "minmax(1px, 2px, 3px)" should not set the property value +Fail e.style['grid-auto-rows'] = "minmax(5fr, 1px)" should not set the property value +Fail e.style['grid-auto-rows'] = "minmax(6px, -7%)" should not set the property value +Fail e.style['grid-auto-rows'] = "fit-content(-1px)" should not set the property value +Fail e.style['grid-auto-rows'] = "fit-content(1px, 2px)" should not set the property value +Fail e.style['grid-auto-rows'] = "fit-content(1px auto)" should not set the property value +Pass e.style['grid-auto-rows'] = "2em / 3em" should not set the property value +Pass e.style['grid-auto-rows'] = "auto, 10%" should not set the property value +Pass e.style['grid-auto-rows'] = "1px [a] 1px" should not set the property value +Pass e.style['grid-auto-rows'] = "[] 1px []" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-valid.txt new file mode 100644 index 00000000000..92411e52fe2 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-auto-rows-valid.txt @@ -0,0 +1,40 @@ +Summary + +Harness status: OK + +Rerun + +Found 30 tests + +30 Pass +Details +Result Test Name MessagePass e.style['grid-auto-rows'] = "1px" should set the property value +Pass e.style['grid-auto-rows'] = "2em" should set the property value +Pass e.style['grid-auto-rows'] = "calc(2em + 3ex)" should set the property value +Pass e.style['grid-auto-rows'] = "4%" should set the property value +Pass e.style['grid-auto-rows'] = "5fr" should set the property value +Pass e.style['grid-auto-rows'] = "min-content" should set the property value +Pass e.style['grid-auto-rows'] = "max-content" should set the property value +Pass e.style['grid-auto-rows'] = "auto" should set the property value +Pass e.style['grid-auto-rows'] = "auto /**/" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(1px, 5fr)" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(2em, min-content)" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(calc(2em + 3ex), max-content)" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(4%, auto)" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(5vmin, 1px)" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(min-content, 2em)" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(max-content, calc(2em + 3ex))" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(auto, 4%)" should set the property value +Pass e.style['grid-auto-rows'] = "fit-content(1px)" should set the property value +Pass e.style['grid-auto-rows'] = "fit-content(2em)" should set the property value +Pass e.style['grid-auto-rows'] = "fit-content(calc(2em + 3ex))" should set the property value +Pass e.style['grid-auto-rows'] = "fit-content(4%)" should set the property value +Pass e.style['grid-auto-rows'] = "0px" should set the property value +Pass e.style['grid-auto-rows'] = "0%" should set the property value +Pass e.style['grid-auto-rows'] = "0fr" should set the property value +Pass e.style['grid-auto-rows'] = "minmax(auto, 0%)" should set the property value +Pass e.style['grid-auto-rows'] = "fit-content(0px)" should set the property value +Pass e.style['grid-auto-rows'] = "auto auto" should set the property value +Pass e.style['grid-auto-rows'] = "auto 10px" should set the property value +Pass e.style['grid-auto-rows'] = "1px 2px 3px 0px" should set the property value +Pass e.style['grid-auto-rows'] = "fit-content(1px) minmax(2px, 3px) 4px" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-invalid.txt new file mode 100644 index 00000000000..520e5d8174c --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-invalid.txt @@ -0,0 +1,42 @@ +Summary + +Harness status: OK + +Rerun + +Found 31 tests + +1 Pass +30 Fail +Details +Result Test Name MessagePass e.style['grid-column'] = "4 5" should not set the property value +Fail e.style['grid-column'] = "4 /" should not set the property value +Fail e.style['grid-column'] = "5 5" should not set the property value +Fail e.style['grid-column'] = "5 / /" should not set the property value +Fail e.style['grid-column'] = "0 / 5" should not set the property value +Fail e.style['grid-column'] = "6 / 0" should not set the property value +Fail e.style['grid-column'] = "0" should not set the property value +Fail e.style['grid-column'] = "span" should not set the property value +Fail e.style['grid-column'] = "span / span" should not set the property value +Fail e.style['grid-column'] = "span span / span span" should not set the property value +Fail e.style['grid-column'] = "5 5 / span 2" should not set the property value +Fail e.style['grid-column'] = "5 first last / span 2" should not set the property value +Fail e.style['grid-column'] = "5 / first last 2" should not set the property value +Fail e.style['grid-column'] = "first last / span 2" should not set the property value +Fail e.style['grid-column'] = "5 / first last" should not set the property value +Fail e.style['grid-column'] = "5 5 span / 2" should not set the property value +Fail e.style['grid-column'] = "span 3 5 / 1" should not set the property value +Fail e.style['grid-column'] = "span last first / 1" should not set the property value +Fail e.style['grid-column'] = "2 / span last first" should not set the property value +Fail e.style['grid-column'] = "span 1 last first / 1" should not set the property value +Fail e.style['grid-column'] = "2 / span last 3 first" should not set the property value +Fail e.style['grid-column'] = "1 span 2 first / 1" should not set the property value +Fail e.style['grid-column'] = "2 / 3 span 3 first" should not set the property value +Fail e.style['grid-column'] = "span -1 / -2" should not set the property value +Fail e.style['grid-column'] = "-1 / -2 span" should not set the property value +Fail e.style['grid-column'] = "0 span / 0" should not set the property value +Fail e.style['grid-column'] = "0 / span 0" should not set the property value +Fail e.style['grid-column'] = "span -3 'first' / 3 last" should not set the property value +Fail e.style['grid-column'] = "first span 1 / last" should not set the property value +Fail e.style['grid-column'] = "3 first / 2 span last" should not set the property value +Fail e.style['grid-column'] = "3 / 1 span 2" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-shortest-serialization.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-shortest-serialization.txt new file mode 100644 index 00000000000..dc378cf21f3 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-shortest-serialization.txt @@ -0,0 +1,26 @@ +Summary + +Harness status: OK + +Rerun + +Found 16 tests + +16 Fail +Details +Result Test Name MessageFail Property grid-column value 'auto / auto' +Fail Property grid-column value 'auto' +Fail Property grid-column value '10 / auto' +Fail Property grid-column value '10' +Fail Property grid-column value '-10 / auto' +Fail Property grid-column value '-10' +Fail Property grid-column value 'first / first' +Fail Property grid-column value 'first' +Fail Property grid-column value 'span 2 / auto' +Fail Property grid-column value 'span 2' +Fail Property grid-column value '2 first / auto' +Fail Property grid-column value '2 first' +Fail Property grid-column value 'span first / auto' +Fail Property grid-column value 'span first' +Fail Property grid-column value 'span 2 first / auto' +Fail Property grid-column value 'span 2 first' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-shorthand.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-shorthand.txt new file mode 100644 index 00000000000..7c128c96968 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-column-shorthand.txt @@ -0,0 +1,59 @@ +Summary + +Harness status: OK + +Rerun + +Found 48 tests + +36 Pass +12 Fail +Details +Result Test Name MessagePass e.style['grid-column'] = "auto / auto" should set grid-column-end +Pass e.style['grid-column'] = "auto / auto" should set grid-column-start +Pass e.style['grid-column'] = "auto / auto" should not set unrelated longhands +Pass e.style['grid-column'] = "auto" should set grid-column-end +Pass e.style['grid-column'] = "auto" should set grid-column-start +Pass e.style['grid-column'] = "auto" should not set unrelated longhands +Pass e.style['grid-column'] = "10 / auto" should set grid-column-end +Pass e.style['grid-column'] = "10 / auto" should set grid-column-start +Pass e.style['grid-column'] = "10 / auto" should not set unrelated longhands +Pass e.style['grid-column'] = "10" should set grid-column-end +Pass e.style['grid-column'] = "10" should set grid-column-start +Pass e.style['grid-column'] = "10" should not set unrelated longhands +Pass e.style['grid-column'] = "-10 / auto" should set grid-column-end +Pass e.style['grid-column'] = "-10 / auto" should set grid-column-start +Pass e.style['grid-column'] = "-10 / auto" should not set unrelated longhands +Pass e.style['grid-column'] = "-10" should set grid-column-end +Pass e.style['grid-column'] = "-10" should set grid-column-start +Pass e.style['grid-column'] = "-10" should not set unrelated longhands +Pass e.style['grid-column'] = "span 2 / auto" should set grid-column-end +Pass e.style['grid-column'] = "span 2 / auto" should set grid-column-start +Pass e.style['grid-column'] = "span 2 / auto" should not set unrelated longhands +Pass e.style['grid-column'] = "span 2" should set grid-column-end +Pass e.style['grid-column'] = "span 2" should set grid-column-start +Pass e.style['grid-column'] = "span 2" should not set unrelated longhands +Pass e.style['grid-column'] = "3 last / auto" should set grid-column-end +Fail e.style['grid-column'] = "3 last / auto" should set grid-column-start +Pass e.style['grid-column'] = "3 last / auto" should not set unrelated longhands +Fail e.style['grid-column'] = "3 last" should set grid-column-end +Fail e.style['grid-column'] = "3 last" should set grid-column-start +Pass e.style['grid-column'] = "3 last" should not set unrelated longhands +Fail e.style['grid-column'] = "span first / auto" should set grid-column-end +Fail e.style['grid-column'] = "span first / auto" should set grid-column-start +Fail e.style['grid-column'] = "span first / auto" should not set unrelated longhands +Fail e.style['grid-column'] = "span first" should set grid-column-end +Fail e.style['grid-column'] = "span first" should set grid-column-start +Fail e.style['grid-column'] = "span first" should not set unrelated longhands +Pass e.style['grid-column'] = "span 2 first / auto" should set grid-column-end +Fail e.style['grid-column'] = "span 2 first / auto" should set grid-column-start +Pass e.style['grid-column'] = "span 2 first / auto" should not set unrelated longhands +Fail e.style['grid-column'] = "span 2 first" should set grid-column-end +Fail e.style['grid-column'] = "span 2 first" should set grid-column-start +Pass e.style['grid-column'] = "span 2 first" should not set unrelated longhands +Pass e.style['grid-column'] = "last / last" should set grid-column-end +Pass e.style['grid-column'] = "last / last" should set grid-column-start +Pass e.style['grid-column'] = "last / last" should not set unrelated longhands +Pass e.style['grid-column'] = "last" should set grid-column-end +Pass e.style['grid-column'] = "last" should set grid-column-start +Pass e.style['grid-column'] = "last" should not set unrelated longhands \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-columns-rows-get-set-multiple.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-columns-rows-get-set-multiple.txt new file mode 100644 index 00000000000..9e447517713 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-columns-rows-get-set-multiple.txt @@ -0,0 +1,51 @@ +Summary + +Harness status: OK + +Rerun + +Found 40 tests + +8 Pass +32 Fail +Details +Result Test Name MessagePass Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFixedElement' : grid-template-columns = '7px 11px', grid-template-rows = '17px 2px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithPercentElement' : grid-template-columns = '400px 800px', grid-template-rows = '150px 450px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithPercentWithoutSize' : grid-template-columns = '3.5px 7px', grid-template-rows = '4px 12px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithAutoElement' : grid-template-columns = '0px 17px', grid-template-rows = '0px 3px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithEMElement' : grid-template-columns = '100px 120px', grid-template-rows = '150px 170px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithThreeItems' : grid-template-columns = '15px 0px 100px', grid-template-rows = '120px 18px 0px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFitContentAndFitAvailable' : grid-template-columns = 'none', grid-template-rows = 'none' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxContent' : grid-template-columns = '0px 0px', grid-template-rows = '0px 0px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxContentWithChildrenElement' : grid-template-columns = '7px 17px', grid-template-rows = '16px 3px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxAndFixed' : grid-template-columns = '240px 15px', grid-template-rows = '120px 210px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithMinMaxAndMinMaxContent' : grid-template-columns = '240px 15px', grid-template-rows = '120px 210px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFractionFraction' : grid-template-columns = '320px 480px', grid-template-rows = '225px 375px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithFractionMinMax' : grid-template-columns = '45px 755px', grid-template-rows = '586px 14px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcCalc' : grid-template-columns = '200px 100px', grid-template-rows = '150px 75px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcAndFixed' : grid-template-columns = '400px 80px', grid-template-rows = '88px 150px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcAndMinMax' : grid-template-columns = '190px 80px', grid-template-rows = '150px 53px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithCalcInsideMinMax' : grid-template-columns = '400px 120px', grid-template-rows = '150px 175px' +Fail Test getting grid-template-columns and grid-template-rows set through CSS for element 'gridWithAutoInsideMinMax' : grid-template-columns = '0px 30px', grid-template-rows = '132px 60px' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '18px 22px', element.style.gridTemplateColumns = '18px 22px', grid-template-rows = '66px 70px', element.style.gridTemplateRows = '66px 70px' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '440px 640px', element.style.gridTemplateColumns = '55% 80%', grid-template-rows = '240px 378px', element.style.gridTemplateRows = '40% 63%' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '0px 0px', element.style.gridTemplateColumns = 'auto auto', grid-template-rows = '0px 0px', element.style.gridTemplateRows = 'auto auto' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '0px 160px 22px', element.style.gridTemplateColumns = 'auto 16em 22px', grid-template-rows = '336px 100px 0px', element.style.gridTemplateRows = '56% 10em auto' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '160px 20px', element.style.gridTemplateColumns = '16em minmax(16px, 20px)', grid-template-rows = '90px 0px', element.style.gridTemplateRows = 'minmax(10%, 15%) auto' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '160px 640px', element.style.gridTemplateColumns = '16em 2fr', grid-template-rows = '600px 0px', element.style.gridTemplateRows = '14fr auto' +Pass Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '25px 20px', element.style.gridTemplateColumns = 'calc(25px) calc(2em)', grid-template-rows = '0px 60px', element.style.gridTemplateRows = 'auto calc(10%)' +Fail Test getting and setting grid-template-rows and grid-template-columns through JS: grid-template-columns = '345px 92px', element.style.gridTemplateColumns = 'calc(25px + 40%) minmax(min-content, calc(10% + 12px))', grid-template-rows = '100px 0px', element.style.gridTemplateRows = 'minmax(calc(75% - 350px), max-content) auto' +Fail Test setting wrong/invalid values through CSS +Fail Test setting bad JS values: grid-template-columns = 'none auto', grid-template-rows = 'none auto' +Fail Test setting bad JS values: grid-template-columns = 'none 16em', grid-template-rows = 'none 56%' +Fail Test setting bad JS values: grid-template-columns = 'none none', grid-template-rows = 'none none' +Fail Test setting bad JS values: grid-template-columns = 'auto none', grid-template-rows = 'auto none' +Fail Test setting bad JS values: grid-template-columns = 'auto none 16em', grid-template-rows = 'auto 18em none' +Fail Test setting bad JS values: grid-template-columns = '-webkit-fit-content -webkit-fit-content', grid-template-rows = '-webkit-fit-available -webkit-fit-available' +Fail Test setting bad JS values: grid-template-columns = '-10px minmax(16px, 32px)', grid-template-rows = 'minmax(10%, 15%) -10vw' +Fail Test setting bad JS values: grid-template-columns = '10px minmax(16px, -1vw)', grid-template-rows = 'minmax(-1%, 15%) 10vw' +Fail Test setting bad JS values: grid-template-columns = '10px calc(16px 30px)', grid-template-rows = 'calc(25px + auto) 2em' +Fail Test setting bad JS values: grid-template-columns = 'minmax(min-content, calc() 250px', grid-template-rows = 'calc(2em(' +Fail Test setting grid-template-columns and grid-template-rows to 'inherit' through JS +Fail Test the default value +Fail Test setting grid-template-columns and grid-template-rows to 'initial' through JS \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-content-sized-columns-resolution.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-content-sized-columns-resolution.txt new file mode 100644 index 00000000000..4dcd1464965 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-content-sized-columns-resolution.txt @@ -0,0 +1,52 @@ +Summary + +Harness status: OK + +Rerun + +Found 42 tests + +42 Fail +Details +Result Test Name MessageFail Element 'gridMinContentFixedAndAuto' grid-template-columns value computes to '15px 75px' +Fail Element 'gridAutoAndAuto' grid-template-columns value computes to '45px 45px' +Fail Element 'gridMinContentAndMinContentFixed' grid-template-columns value computes to '20px 30px' +Fail Element 'gridMaxContentAndMinContent' grid-template-columns value computes to '70px 20px' +Fail Element 'gridFixedMinContentAndMaxContent' grid-template-columns value computes to '10px 80px' +Fail Element 'gridFixedMaxContentAndMinContent' grid-template-columns value computes to '60px 30px' +Fail Element 'gridMinContentAndMaxContentFixed' grid-template-columns value computes to '20px 70px' +Fail Element 'gridMaxContentFixedAndAuto' grid-template-columns value computes to '65px 25px' +Fail Element 'gridAutoMinContent' grid-template-columns value computes to '70px 20px' +Fail Element 'gridAutoMaxContent' grid-template-columns value computes to '20px 70px' +Fail Element 'gridMaxContentAndMinContentFixed' grid-template-columns value computes to '70px 20px' +Fail Element 'gridMaxContentAndMaxContentFixed' grid-template-columns value computes to '55px 35px' +Fail Element 'gridMinContentFixedAndAutoUnsortedConstrained' grid-template-columns value computes to '0px 40px' +Fail Element 'gridAutoAndAutoUnsortedConstrained' grid-template-columns value computes to '10px 30px' +Fail Element 'gridMinContentAndMinContentFixedUnsortedConstrained' grid-template-columns value computes to '0px 40px' +Fail Element 'gridMaxContentAndMinContentUnsortedConstrained' grid-template-columns value computes to '0px 70px' +Fail Element 'gridFixedMinContentAndMaxContentUnsortedConstrained' grid-template-columns value computes to '10px 70px' +Fail Element 'gridFixedMaxContentAndMinContentUnsortedConstrained' grid-template-columns value computes to '10px 40px' +Fail Element 'gridMinContentAndMaxContentFixedUnsortedConstrained' grid-template-columns value computes to '0px 90px' +Fail Element 'gridMaxContentFixedAndAutoUnsortedConstrained' grid-template-columns value computes to '10px 40px' +Fail Element 'gridAutoMinContentUnsortedConstrained' grid-template-columns value computes to '0px 60px' +Fail Element 'gridAutoMaxContentUnsortedConstrained' grid-template-columns value computes to '0px 90px' +Fail Element 'gridMaxContentAndMinContentFixedUnsortedConstrained' grid-template-columns value computes to '50px 40px' +Fail Element 'gridMaxContentAndMaxContentFixedUnsortedConstrained' grid-template-columns value computes to '40px 70px' +Fail Element 'gridMinContentFixedAndAutoUnsorted' grid-template-columns value computes to '15px 90px' +Fail Element 'gridAutoAndAutoUnsorted' grid-template-columns value computes to '60px 30px' +Fail Element 'gridMinContentAndMinContentFixedUnsorted' grid-template-columns value computes to '0px 40px' +Fail Element 'gridMaxContentAndMinContentUnsorted' grid-template-columns value computes to '0px 70px' +Fail Element 'gridFixedMinContentAndMaxContentUnsorted' grid-template-columns value computes to '10px 70px' +Fail Element 'gridFixedMaxContentAndMinContentUnsorted' grid-template-columns value computes to '50px 40px' +Fail Element 'gridMinContentAndMaxContentFixedUnsorted' grid-template-columns value computes to '0px 90px' +Fail Element 'gridMaxContentFixedAndAutoUnsorted' grid-template-columns value computes to '15px 70px' +Fail Element 'gridAutoMinContentUnsorted' grid-template-columns value computes to '50px 60px' +Fail Element 'gridAutoMaxContentUnsorted' grid-template-columns value computes to '0px 90px' +Fail Element 'gridMaxContentAndMinContentFixedUnsorted' grid-template-columns value computes to '50px 40px' +Fail Element 'gridMaxContentAndMaxContentFixedUnsorted' grid-template-columns value computes to '40px 70px' +Fail Element 'gridMinContentFixedAndAutoAboveLimits' grid-template-columns value computes to '15px 95px' +Fail Element 'gridMaxContentFixedAndAutoAboveLimits' grid-template-columns value computes to '15px 135px' +Fail Element 'gridMinContentFixedAndFixedFixedAndAuto' grid-template-columns value computes to '20px 20px 60px' +Fail Element 'gridAutoAndFixedFixedAndMaxContentFixed' grid-template-columns value computes to '110px 20px 20px' +Fail Element 'gridMaxContentAndMaxContentFixedAndMaxContent' grid-template-columns value computes to '70px 20px 50px' +Fail Element 'gridAutoAndMinContentFixedAndMinContent' grid-template-columns value computes to '55px 30px 65px' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-invalid.txt new file mode 100644 index 00000000000..edd42ff4282 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-invalid.txt @@ -0,0 +1,42 @@ +Summary + +Harness status: OK + +Rerun + +Found 31 tests + +1 Pass +30 Fail +Details +Result Test Name MessagePass e.style['grid-row'] = "5 8" should not set the property value +Fail e.style['grid-row'] = "5 /" should not set the property value +Fail e.style['grid-row'] = "8 auto" should not set the property value +Fail e.style['grid-row'] = "8 / /" should not set the property value +Fail e.style['grid-row'] = "0 / 6" should not set the property value +Fail e.style['grid-row'] = "8 / 0" should not set the property value +Fail e.style['grid-row'] = "0" should not set the property value +Fail e.style['grid-row'] = "span" should not set the property value +Fail e.style['grid-row'] = "span / span" should not set the property value +Fail e.style['grid-row'] = "span span / span span" should not set the property value +Fail e.style['grid-row'] = "4 4 / 3 span" should not set the property value +Fail e.style['grid-row'] = "first 4 last / 3 span" should not set the property value +Fail e.style['grid-row'] = "4 / first 3 last" should not set the property value +Fail e.style['grid-row'] = "first last / 3 span" should not set the property value +Fail e.style['grid-row'] = "4 / first last" should not set the property value +Fail e.style['grid-row'] = "span 4 4 / 3" should not set the property value +Fail e.style['grid-row'] = "5 span 4 / 3" should not set the property value +Fail e.style['grid-row'] = "span first last / 3" should not set the property value +Fail e.style['grid-row'] = "3 / span first last" should not set the property value +Fail e.style['grid-row'] = "span first last 7 / 3" should not set the property value +Fail e.style['grid-row'] = "3 / span first 5 last" should not set the property value +Fail e.style['grid-row'] = "1 span last 7 / 3" should not set the property value +Fail e.style['grid-row'] = "3 / 5 span first 5" should not set the property value +Fail e.style['grid-row'] = "-3 span / -4" should not set the property value +Fail e.style['grid-row'] = "-3 / span -4" should not set the property value +Fail e.style['grid-row'] = "span 0 / 0" should not set the property value +Fail e.style['grid-row'] = "0 / 0 span" should not set the property value +Fail e.style['grid-row'] = "last -2 span / 1 nav" should not set the property value +Fail e.style['grid-row'] = "2 span first / last" should not set the property value +Fail e.style['grid-row'] = "5 nav / last span 7" should not set the property value +Fail e.style['grid-row'] = "5 / 3 span 3" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-shortest-serialization.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-shortest-serialization.txt new file mode 100644 index 00000000000..d12b7c14fb6 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-shortest-serialization.txt @@ -0,0 +1,25 @@ +Summary + +Harness status: OK + +Rerun + +Found 15 tests + +15 Fail +Details +Result Test Name MessageFail Property grid-row value 'auto / auto' +Fail Property grid-row value 'auto' +Fail Property grid-row value '10 / auto' +Fail Property grid-row value '10' +Fail Property grid-row value '-10 / auto' +Fail Property grid-row value '-10' +Fail Property grid-row value 'span 2 / auto' +Fail Property grid-row value 'span 2' +Fail Property grid-row value '3 last / auto' +Fail Property grid-row value '3 last' +Fail Property grid-row value 'span first / auto' +Fail Property grid-row value 'span first' +Fail Property grid-row value 'span 2 first / auto' +Fail Property grid-row value 'span 2 first' +Fail Property grid-row value 'last / last' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-shorthand.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-shorthand.txt new file mode 100644 index 00000000000..c20fe6b314e --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-row-shorthand.txt @@ -0,0 +1,59 @@ +Summary + +Harness status: OK + +Rerun + +Found 48 tests + +36 Pass +12 Fail +Details +Result Test Name MessagePass e.style['grid-row'] = "auto / auto" should set grid-row-end +Pass e.style['grid-row'] = "auto / auto" should set grid-row-start +Pass e.style['grid-row'] = "auto / auto" should not set unrelated longhands +Pass e.style['grid-row'] = "auto" should set grid-row-end +Pass e.style['grid-row'] = "auto" should set grid-row-start +Pass e.style['grid-row'] = "auto" should not set unrelated longhands +Pass e.style['grid-row'] = "10 / auto" should set grid-row-end +Pass e.style['grid-row'] = "10 / auto" should set grid-row-start +Pass e.style['grid-row'] = "10 / auto" should not set unrelated longhands +Pass e.style['grid-row'] = "10" should set grid-row-end +Pass e.style['grid-row'] = "10" should set grid-row-start +Pass e.style['grid-row'] = "10" should not set unrelated longhands +Pass e.style['grid-row'] = "-10 / auto" should set grid-row-end +Pass e.style['grid-row'] = "-10 / auto" should set grid-row-start +Pass e.style['grid-row'] = "-10 / auto" should not set unrelated longhands +Pass e.style['grid-row'] = "-10" should set grid-row-end +Pass e.style['grid-row'] = "-10" should set grid-row-start +Pass e.style['grid-row'] = "-10" should not set unrelated longhands +Pass e.style['grid-row'] = "span 2 / auto" should set grid-row-end +Pass e.style['grid-row'] = "span 2 / auto" should set grid-row-start +Pass e.style['grid-row'] = "span 2 / auto" should not set unrelated longhands +Pass e.style['grid-row'] = "span 2" should set grid-row-end +Pass e.style['grid-row'] = "span 2" should set grid-row-start +Pass e.style['grid-row'] = "span 2" should not set unrelated longhands +Pass e.style['grid-row'] = "3 last / auto" should set grid-row-end +Fail e.style['grid-row'] = "3 last / auto" should set grid-row-start +Pass e.style['grid-row'] = "3 last / auto" should not set unrelated longhands +Fail e.style['grid-row'] = "3 last" should set grid-row-end +Fail e.style['grid-row'] = "3 last" should set grid-row-start +Pass e.style['grid-row'] = "3 last" should not set unrelated longhands +Fail e.style['grid-row'] = "span first / auto" should set grid-row-end +Fail e.style['grid-row'] = "span first / auto" should set grid-row-start +Fail e.style['grid-row'] = "span first / auto" should not set unrelated longhands +Fail e.style['grid-row'] = "span first" should set grid-row-end +Fail e.style['grid-row'] = "span first" should set grid-row-start +Fail e.style['grid-row'] = "span first" should not set unrelated longhands +Pass e.style['grid-row'] = "span 2 first / auto" should set grid-row-end +Fail e.style['grid-row'] = "span 2 first / auto" should set grid-row-start +Pass e.style['grid-row'] = "span 2 first / auto" should not set unrelated longhands +Fail e.style['grid-row'] = "span 2 first" should set grid-row-end +Fail e.style['grid-row'] = "span 2 first" should set grid-row-start +Pass e.style['grid-row'] = "span 2 first" should not set unrelated longhands +Pass e.style['grid-row'] = "last / last" should set grid-row-end +Pass e.style['grid-row'] = "last / last" should set grid-row-start +Pass e.style['grid-row'] = "last / last" should not set unrelated longhands +Pass e.style['grid-row'] = "last" should set grid-row-end +Pass e.style['grid-row'] = "last" should set grid-row-start +Pass e.style['grid-row'] = "last" should not set unrelated longhands \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-invalid.txt new file mode 100644 index 00000000000..5254c9fb7cf --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-invalid.txt @@ -0,0 +1,45 @@ +Summary + +Harness status: OK + +Rerun + +Found 34 tests + +8 Pass +26 Fail +Details +Result Test Name MessagePass e.style['grid'] = "none none" should not set the property value +Pass e.style['grid'] = "none []" should not set the property value +Fail e.style['grid'] = "10px" should not set the property value +Fail e.style['grid'] = "20%" should not set the property value +Fail e.style['grid'] = "5fr" should not set the property value +Fail e.style['grid'] = "[a]" should not set the property value +Fail e.style['grid'] = "[a] 10px" should not set the property value +Fail e.style['grid'] = "[a] 10px []" should not set the property value +Fail e.style['grid'] = "[]" should not set the property value +Fail e.style['grid'] = "10px \"a\"" should not set the property value +Fail e.style['grid'] = "[] 10px \"a\"" should not set the property value +Fail e.style['grid'] = "10px [] \"a\"" should not set the property value +Fail e.style['grid'] = "[] [] \"a\"" should not set the property value +Fail e.style['grid'] = "\"a\" none" should not set the property value +Fail e.style['grid'] = "\"a\" 10px 10px" should not set the property value +Fail e.style['grid'] = "\"a\" [a] 10px" should not set the property value +Fail e.style['grid'] = "\"a\" [a] 10px [a]" should not set the property value +Fail e.style['grid'] = "\"a\" [a] [a] 10px" should not set the property value +Fail e.style['grid'] = "\"a\" 10px [a] [a]" should not set the property value +Fail e.style['grid'] = "\"a\" [a] [a]" should not set the property value +Fail e.style['grid'] = "[a] \"a\" [a] [a]" should not set the property value +Fail e.style['grid'] = "\"a\" \"a\" [a] [a]" should not set the property value +Fail e.style['grid'] = "\"a\" [a] [a] / none" should not set the property value +Fail e.style['grid'] = "\"a\" \"a\" [a] [a] / none" should not set the property value +Fail e.style['grid'] = "none / \"a\"" should not set the property value +Fail e.style['grid'] = "\"a\" / none" should not set the property value +Fail e.style['grid'] = "none / [] \"a\"" should not set the property value +Pass e.style['grid'] = "none / \"a\" []" should not set the property value +Pass e.style['grid'] = "none / \"a\" [] 10px" should not set the property value +Pass e.style['grid'] = "auto-flow 100px" should not set the property value +Fail e.style['grid'] = "auto-flow / auto-flow" should not set the property value +Pass e.style['grid'] = "auto-flow 1fr / auto-flow 1fr" should not set the property value +Pass e.style['grid'] = "dense auto-flow / dense auto-flow" should not set the property value +Pass e.style['grid'] = "auto / auto-flow foo()" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-serialization.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-serialization.txt new file mode 100644 index 00000000000..539aff1f5d8 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-serialization.txt @@ -0,0 +1,132 @@ +Summary + +Harness status: OK + +Rerun + +Found 121 tests + +26 Pass +95 Fail +Details +Result Test Name MessageFail e.style.cssText = grid: auto-flow auto / 100px 100px should set grid +Fail e.style.cssText = grid: auto-flow auto / 100px 100px should set grid-template-areas +Pass e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid +Fail e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-auto-flow +Fail e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-auto-rows +Fail e.style.cssText = grid: auto-flow auto / 100px 100px; grid-template-areas: "one two" "three four" should set grid-template-areas +Fail e.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid +Pass e.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid-auto-flow +Fail e.style.cssText = grid: 30px 40px / 50px 60px; grid-auto-flow: column should set grid-template +Fail cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-template: 30px 40px / 50px 60px;' in its serialization +Fail cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-rows: auto;' in its serialization +Fail cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-columns: auto;' in its serialization +Pass cssText ('grid: 30px 40px / 50px 60px; grid-auto-flow: column') must contain 'grid-auto-flow: column;' in its serialization +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: 20px should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: 20px should set grid-template +Fail cssText ('grid: auto-flow / 10px; grid-template-rows: 20px') must contain 'grid: 20px / 10px;' in its serialization +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) should set grid-template-rows +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) repeat(3, 30px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(2, 20px) repeat(3, 30px) should set grid-template-rows +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fill, 20px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fill, 20px) should set grid-template-rows +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fit, 20px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-rows: repeat(auto-fit, 20px) should set grid-template-rows +Fail e.style.cssText = grid: 10px / auto; grid-template-columns: 20px should set grid +Fail e.style.cssText = grid: 10px / auto; grid-template-columns: 20px should set grid-template +Fail cssText ('grid: 10px / auto; grid-template-columns: 20px') must contain 'grid: 10px / 20px;' in its serialization +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) should set grid-template-columns +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) repeat(3, 30px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(2, 20px) repeat(3, 30px) should set grid-template-columns +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fill, 20px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fill, 20px) should set grid-template-columns +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid +Fail e.style.cssText = grid: auto-flow / 10px; grid-template-columns: repeat(auto-fit, 20px) should set grid-template-columns +Pass e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-flow: inherit should set grid +Fail e.style.cssText = grid: 1px / 2px; grid-auto-flow: row should set grid +Fail e.style.cssText = grid: none / 2px; grid-auto-flow: row should set grid +Fail e.style.cssText = grid: 1px / 2px; grid-auto-columns: auto should set grid +Fail e.style.cssText = grid: 1px / 2px; grid-auto-rows: auto should set grid +Fail e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: auto should set grid +Fail e.style.cssText = grid: 1px / auto-flow; grid-auto-columns: auto should set grid +Fail e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: auto should set grid +Fail e.style.cssText = grid: auto-flow 1px / none; grid-auto-columns: auto should set grid +Fail e.style.cssText = grid: auto-flow dense / 2px; grid-auto-rows: auto should set grid +Pass e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid +Pass e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-columns +Fail e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-flow +Fail e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-auto-rows +Fail e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-template-columns +Fail e.style.cssText = grid: auto-flow 1px / 2px; grid-auto-columns: 3px should set grid-template-rows +Pass e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid +Fail e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-columns +Fail e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-flow +Pass e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-auto-rows +Fail e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-template-columns +Fail e.style.cssText = grid: 1px / auto-flow 2px; grid-auto-rows: 3px should set grid-template-rows +Pass e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-flow +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-auto-rows +Pass e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-template-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: 3px should set grid-template-rows +Pass e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-flow +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-auto-rows +Pass e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-template-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(2, 3px) should set grid-template-rows +Pass e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-flow +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-auto-rows +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-template-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fill, 3px) should set grid-template-rows +Pass e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-flow +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-auto-rows +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-template-columns +Fail e.style.cssText = grid: none / auto-flow 1px; grid-template-columns: repeat(auto-fit, 3px) should set grid-template-rows +Pass e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-columns +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-flow +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-auto-rows +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-template-columns +Pass e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: 3px should set grid-template-rows +Pass e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-columns +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-flow +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-auto-rows +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-template-columns +Pass e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(2, 3px) should set grid-template-rows +Pass e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-columns +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-flow +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-auto-rows +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-template-columns +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fill, 3px) should set grid-template-rows +Pass e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-columns +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-flow +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-auto-rows +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-template-columns +Fail e.style.cssText = grid: auto-flow 1px / none; grid-template-rows: repeat(auto-fit, 3px) should set grid-template-rows +Fail e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 3px); grid-template-areas: "one two" "three four" should set grid +Fail e.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 +Pass e.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 +Pass e.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 +Fail e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(2, 1fr); grid-template-areas: "one two" "three four" should set grid +Fail e.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 +Pass e.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 +Pass e.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 +Fail e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fill, 3px); grid-template-areas: "one two" "three four" should set grid +Fail e.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 +Fail e.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 +Pass e.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 +Fail e.style.cssText = grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, 3px); grid-template-areas: "one two" "three four" should set grid +Fail e.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 +Fail e.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 +Pass e.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 \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-valid.txt new file mode 100644 index 00000000000..13a59bedd77 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand-valid.txt @@ -0,0 +1,59 @@ +Summary + +Harness status: OK + +Rerun + +Found 49 tests + +49 Fail +Details +Result Test Name MessageFail e.style['grid'] = "none" should set the property value +Fail e.style['grid'] = "none / none" should set the property value +Fail e.style['grid'] = "auto / auto" should set the property value +Fail e.style['grid'] = "none / [a] 0px" should set the property value +Fail e.style['grid'] = "none / [] 0px" should set the property value +Fail e.style['grid'] = "[a] 10px / auto" should set the property value +Fail e.style['grid'] = "[a] 10px / none" should set the property value +Fail e.style['grid'] = "[] 10px [] / [] auto []" should set the property value +Fail e.style['grid'] = "[a] \"a\" 10px" should set the property value +Fail e.style['grid'] = "[a] \"a\" 10px []" should set the property value +Fail e.style['grid'] = "\"a\" 10px" should set the property value +Fail e.style['grid'] = "[] \"a\" 10px" should set the property value +Fail e.style['grid'] = "[a] \"a\" 10px [a]" should set the property value +Fail e.style['grid'] = "\"a\"" should set the property value +Fail e.style['grid'] = "\"a\" auto" should set the property value +Fail e.style['grid'] = "\"a a a\"" should set the property value +Fail e.style['grid'] = "\"a\" / 10px" should set the property value +Fail e.style['grid'] = "\"a\" / 20%" should set the property value +Fail e.style['grid'] = "\"a\" / 5fr" should set the property value +Fail e.style['grid'] = "[a] \"a\"" should set the property value +Fail e.style['grid'] = "[a] \"a\" [a]" should set the property value +Fail e.style['grid'] = "[] \"a\"" should set the property value +Fail e.style['grid'] = "\"a\" [] [] \"b\"" should set the property value +Fail e.style['grid'] = "\"a\" [] \"b\"" should set the property value +Fail e.style['grid'] = "\"a\" [a] [b] \"b\"" should set the property value +Fail e.style['grid'] = "\"a\" [a] \"b\"" should set the property value +Fail e.style['grid'] = "\"a\" / 0" should set the property value +Fail e.style['grid'] = "\"a\" 10px / 10px" should set the property value +Fail e.style['grid'] = "\"a\" [a] \"b\" 10px" should set the property value +Fail e.style['grid'] = "\"a\" [a] \"b\" 10px [a]" should set the property value +Fail e.style['grid'] = "\"a\" [a] [a] \"b\" 10px" should set the property value +Fail e.style['grid'] = "\"a\" [a] [] \"b\" 10px" should set the property value +Fail e.style['grid'] = "\"a\" 10px [a] \"b\" [a]" should set the property value +Fail e.style['grid'] = "\"a\" [a] \"b\" [a]" should set the property value +Fail e.style['grid'] = "[a] \"a\" [a] \"b\" [a]" should set the property value +Fail e.style['grid'] = "\"a\" \"a\" [a] \"b\" [a]" should set the property value +Fail e.style['grid'] = "\"a\" [a] \"b\" [a] / 0" should set the property value +Fail e.style['grid'] = "\"a\" \"a\" [a] [a] \"b\" / auto" should set the property value +Fail e.style['grid'] = "100px / auto-flow dense 100px" should set the property value +Fail e.style['grid'] = "auto-flow dense 1fr / 100px" should set the property value +Fail e.style['grid'] = "100px / dense auto-flow 100px" should set the property value +Fail e.style['grid'] = "dense auto-flow 1fr / 100px" should set the property value +Fail e.style['grid'] = "100px / auto-flow 100px" should set the property value +Fail e.style['grid'] = "auto-flow 1fr / 100px" should set the property value +Fail e.style['grid'] = "none / auto-flow 100px" should set the property value +Fail e.style['grid'] = "auto-flow 1fr / none" should set the property value +Fail e.style['grid'] = "auto / auto-flow 100px" should set the property value +Fail e.style['grid'] = "auto-flow 1fr / auto" should set the property value +Fail e.style['grid'] = "1fr / 1fr" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand.txt new file mode 100644 index 00000000000..244054a5e56 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-shorthand.txt @@ -0,0 +1,74 @@ +Summary + +Harness status: OK + +Rerun + +Found 63 tests + +18 Pass +45 Fail +Details +Result Test Name MessageFail e.style['grid'] = "none" should set grid-auto-columns +Fail e.style['grid'] = "none" should set grid-auto-flow +Fail e.style['grid'] = "none" should set grid-auto-rows +Pass e.style['grid'] = "none" should set grid-template-areas +Fail e.style['grid'] = "none" should set grid-template-columns +Fail e.style['grid'] = "none" should set grid-template-rows +Pass e.style['grid'] = "none" should not set unrelated longhands +Fail e.style['grid'] = "10px / 20%" should set grid-auto-columns +Fail e.style['grid'] = "10px / 20%" should set grid-auto-flow +Fail e.style['grid'] = "10px / 20%" should set grid-auto-rows +Pass e.style['grid'] = "10px / 20%" should set grid-template-areas +Pass e.style['grid'] = "10px / 20%" should set grid-template-columns +Pass e.style['grid'] = "10px / 20%" should set grid-template-rows +Pass e.style['grid'] = "10px / 20%" should not set unrelated longhands +Fail e.style['grid'] = "none / 10px" should set grid-auto-columns +Fail e.style['grid'] = "none / 10px" should set grid-auto-flow +Fail e.style['grid'] = "none / 10px" should set grid-auto-rows +Pass e.style['grid'] = "none / 10px" should set grid-template-areas +Pass e.style['grid'] = "none / 10px" should set grid-template-columns +Fail e.style['grid'] = "none / 10px" should set grid-template-rows +Pass e.style['grid'] = "none / 10px" should not set unrelated longhands +Fail e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-auto-columns +Fail e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-auto-flow +Fail e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-auto-rows +Pass e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-areas +Pass e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-columns +Pass e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-rows +Pass e.style['grid'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should not set unrelated longhands +Fail e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should set grid-auto-columns +Fail e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should set grid-auto-flow +Fail e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should set grid-auto-rows +Fail e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should set grid-template-areas +Pass e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should set grid-template-columns +Fail e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should set grid-template-rows +Pass e.style['grid'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should not set unrelated longhands +Fail e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-auto-columns +Fail e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-auto-flow +Fail e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-auto-rows +Fail e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-template-areas +Pass e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-template-columns +Fail e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-template-rows +Pass e.style['grid'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should not set unrelated longhands +Fail e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-auto-columns +Fail e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-auto-flow +Fail e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-auto-rows +Fail e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-template-areas +Fail e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-template-columns +Fail e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-template-rows +Pass e.style['grid'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should not set unrelated longhands +Fail e.style['grid'] = "10px / auto-flow dense 20px" should set grid-auto-columns +Fail e.style['grid'] = "10px / auto-flow dense 20px" should set grid-auto-flow +Fail e.style['grid'] = "10px / auto-flow dense 20px" should set grid-auto-rows +Fail e.style['grid'] = "10px / auto-flow dense 20px" should set grid-template-areas +Fail e.style['grid'] = "10px / auto-flow dense 20px" should set grid-template-columns +Fail e.style['grid'] = "10px / auto-flow dense 20px" should set grid-template-rows +Fail e.style['grid'] = "10px / auto-flow dense 20px" should not set unrelated longhands +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should set grid-auto-columns +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should set grid-auto-flow +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should set grid-auto-rows +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should set grid-template-areas +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should set grid-template-columns +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should set grid-template-rows +Fail e.style['grid'] = "auto-flow dense 30px / 40px" should not set unrelated longhands \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-computed.txt new file mode 100644 index 00000000000..bc33dae34ee --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-computed.txt @@ -0,0 +1,20 @@ +Summary + +Harness status: OK + +Rerun + +Found 9 tests + +1 Pass +8 Fail +Details +Result Test Name MessagePass Property grid-template-areas value 'none' +Fail Property grid-template-areas value '"first"' +Fail Property grid-template-areas value '"first second"' +Fail Property grid-template-areas value '"1st 2nd 3rd"' +Fail Property grid-template-areas value '"first second" "third fourth"' +Fail Property grid-template-areas value '"first second" "third ." "1st 2nd" "3rd 4th"' +Fail Property grid-template-areas value '" a b "' +Fail Property grid-template-areas value '"c d"' +Fail Property grid-template-areas value '"first ..."' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-invalid.txt new file mode 100644 index 00000000000..712731830d8 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-invalid.txt @@ -0,0 +1,22 @@ +Summary + +Harness status: OK + +Rerun + +Found 11 tests + +6 Pass +5 Fail +Details +Result Test Name MessagePass e.style['grid-template-areas'] = "auto" should not set the property value +Pass e.style['grid-template-areas'] = "none \"first\"" should not set the property value +Pass e.style['grid-template-areas'] = "\"first\" none" should not set the property value +Pass e.style['grid-template-areas'] = "\"\"" should not set the property value +Pass e.style['grid-template-areas'] = "\" \"" should not set the property value +Fail e.style['grid-template-areas'] = "\".\" \"\"" should not set the property value +Fail e.style['grid-template-areas'] = "\".\" \" \"" should not set the property value +Fail e.style['grid-template-areas'] = "\"first\" \"\"" should not set the property value +Fail e.style['grid-template-areas'] = "\"first\" \"\" \"second\"" should not set the property value +Fail e.style['grid-template-areas'] = "\"first\" \" \"" should not set the property value +Pass e.style['grid-template-areas'] = "\"\" none" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-one-cell.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-one-cell.txt new file mode 100644 index 00000000000..1b94117a6e2 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-one-cell.txt @@ -0,0 +1,17 @@ +Summary + +Harness status: OK + +Rerun + +Found 6 tests + +4 Pass +2 Fail +Details +Result Test Name MessagePass "grid-template-areas: 'a';" should be valid. +Pass "grid-template-areas: '.';" should be valid. +Pass "grid-template-areas: '';" should be invalid. +Fail "grid-template-areas: '' '';" should be invalid. +Fail "grid-template-areas: '$';" should be invalid. +Pass "grid-template-areas: ' ';" should be invalid. \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-valid.txt new file mode 100644 index 00000000000..64240754036 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-areas-valid.txt @@ -0,0 +1,20 @@ +Summary + +Harness status: OK + +Rerun + +Found 9 tests + +1 Pass +8 Fail +Details +Result Test Name MessagePass e.style['grid-template-areas'] = "none" should set the property value +Fail e.style['grid-template-areas'] = "\"first\"" should set the property value +Fail e.style['grid-template-areas'] = "\"first second\"" should set the property value +Fail e.style['grid-template-areas'] = "\"1st 2nd 3rd\"" should set the property value +Fail e.style['grid-template-areas'] = "\"first second\" \"third fourth\"" should set the property value +Fail e.style['grid-template-areas'] = "\"first second\" \"third .\" \"1st 2nd\" \"3rd 4th\"" should set the property value +Fail e.style['grid-template-areas'] = "\" a \t b \"" should set the property value +Fail e.style['grid-template-areas'] = "\"c\td\"" should set the property value +Fail e.style['grid-template-areas'] = "\"first ...\"" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-implicit-track.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-implicit-track.txt new file mode 100644 index 00000000000..f87ee100c64 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-implicit-track.txt @@ -0,0 +1,35 @@ +Summary + +Harness status: OK + +Rerun + +Found 24 tests + +1 Pass +23 Fail +Details +Result Test Name MessagePass Property grid-template-columns value 'none' computes to '10px' +Fail Property grid-template-columns value '1px' computes to '10px 1px' +Fail Property grid-template-columns value '1px [a]' computes to '10px 1px [a]' +Fail Property grid-template-columns value '1px [a] 2px' computes to '10px 1px [a] 2px' +Fail Property grid-template-columns value '[a] 1px' computes to '10px [a] 1px' +Fail Property grid-template-columns value '[a] 1px [b]' computes to '10px [a] 1px [b]' +Fail Property grid-template-columns value '1px repeat(1, 2px) 3px' computes to '10px 1px 2px 3px' +Fail Property grid-template-columns value '1px repeat(auto-fill, 2px) 3px' computes to '10px 1px 2px 3px' +Fail Property grid-template-columns value '1px repeat(auto-fit, 2px) 3px' computes to '10px 1px 0px 3px' +Fail Property grid-template-columns value '1px [a] repeat(1, 2px 3px) [b] 4px' computes to '10px 1px [a] 2px 3px [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fill, 2px 3px) [b] 4px' computes to '10px 1px [a] 2px 3px [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fit, 2px 3px) [b] 4px' computes to '10px 1px [a] 0px 0px [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(1, [b] 2px [c]) [d] 3px' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fill, [b] 2px [c]) [d] 3px' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fit, [b] 2px [c]) [d] 3px' computes to '10px 1px [a b] 0px [c d] 3px' +Fail Property grid-template-columns value '[a] 1px repeat(1, 2px [b] 3px) 4px [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fill, 2px [b] 3px) 4px [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fit, 2px [b] 3px) 4px [d]' computes to '10px [a] 1px 0px [b] 0px 4px [d]' +Fail Property grid-template-columns value '100% [a] repeat(1, [b] 200% [c]) [d] 300%' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-columns value '100% [a] repeat(auto-fill, [b] 200% [c]) [d] 300%' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-columns value '100% [a] repeat(auto-fit, [b] 200% [c]) [d] 300%' computes to '10px 1px [a b] 0px [c d] 3px' +Fail Property grid-template-columns value '[a] 1em repeat(1, 2em [b] 3em) 4em [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-columns value '[a] 1em repeat(auto-fill, 2em [b] 3em) 4em [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-columns value '[a] 1em repeat(auto-fit, 2em [b] 3em) 4em [d]' computes to '10px [a] 1px 0px [b] 0px 4px [d]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-nogrid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-nogrid.txt new file mode 100644 index 00000000000..a9e0c264348 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-nogrid.txt @@ -0,0 +1,43 @@ +Summary + +Harness status: OK + +Rerun + +Found 32 tests + +12 Pass +20 Fail +Details +Result Test Name MessageFail Property grid-template-columns value 'none' +Pass Property grid-template-columns value '1px' +Pass Property grid-template-columns value '1px [a]' +Pass Property grid-template-columns value '1px [a] 2px' +Pass Property grid-template-columns value '[a] 1px' +Pass Property grid-template-columns value '[a] 1px [b]' +Pass Property grid-template-columns value '1px repeat(1, 2px) 3px' +Fail Property grid-template-columns value '1px repeat(auto-fill, 2px) 3px' +Fail Property grid-template-columns value '1px repeat(auto-fit, 2px) 3px' +Pass Property grid-template-columns value '1px [a] repeat(1, 2px 3px) [b] 4px' +Pass Property grid-template-columns value '1px [a] repeat(2, 2px 3px) [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fill, 2px 3px) [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fit, 2px 3px) [b] 4px' +Pass Property grid-template-columns value '1px [a] repeat(1, [b] 2px [c]) [d] 3px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fill, [b] 2px [c]) [d] 3px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fit, [b] 2px [c]) [d] 3px' +Pass Property grid-template-columns value '[a] 1px repeat(1, 2px [b] 3px) 4px [d]' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fill, 2px [b] 3px) 4px [d]' +Pass Property grid-template-columns value '[a] 1px 4px [d]' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fill, 2px [b] 3px) [d] 4px' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fit, 2px [b] 3px) 4px [d]' +Pass Property grid-template-rows value '100% [a] repeat(1, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '100% [a] repeat(auto-fill, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '100% [a] repeat(auto-fit, [b] 200% [c]) [d] 300%' +Fail Property grid-template-columns value '[a] 1em repeat(1, 2em [b] 3em) 4em [d]' +Fail Property grid-template-columns value '[a] 1em repeat(auto-fill, 2em [b] 3em) 4em [d]' +Fail Property grid-template-columns value '[a] 1em repeat(auto-fit, 2em [b] 3em) 4em [d]' +Fail Property grid-template-columns value 'repeat(1, 2px [a] 3px) [b] repeat(auto-fill, [c] 200% [d]) [e] 300%' +Fail Property grid-template-columns value '[a] repeat(auto-fill, [b] 200% [c]) repeat(1, 2px [d] 3px) [e] 300%' +Fail Property grid-template-columns value 'repeat(1, [a] 2px [b] 3px) [b] repeat(auto-fill, [c] 200% [d]) [e] 300%' +Fail Property grid-template-columns value '[a] repeat(auto-fill, [b] 200% [c]) repeat(1, 2px [d] 3px [e]) [f] 300%' +Fail Property grid-template-columns value '[a] 1px [b c] repeat(auto-fill, [d] 200% [e f]) [g] 2px repeat(1, 3px [d e] 4px [e f]) [g] 300% [h]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-withcontent.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-withcontent.txt new file mode 100644 index 00000000000..dd311ca3f01 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed-withcontent.txt @@ -0,0 +1,41 @@ +Summary + +Harness status: OK + +Rerun + +Found 30 tests + +19 Pass +11 Fail +Details +Result Test Name MessagePass Property grid-template-columns value 'none' +Pass Property grid-template-columns value '20%' +Fail Property grid-template-columns value 'calc(-0.5em + 10px)' +Pass Property grid-template-columns value 'calc(0.5em + 10px)' +Pass Property grid-template-columns value 'calc(30% + 40px)' +Pass Property grid-template-columns value '5fr' +Pass Property grid-template-columns value 'min-content' +Pass Property grid-template-columns value 'max-content' +Pass Property grid-template-columns value 'auto' +Pass Property grid-template-columns value 'minmax(10px, auto)' +Pass Property grid-template-columns value 'minmax(20%, max-content)' +Pass Property grid-template-columns value 'minmax(min-content, calc(-0.5em + 10px))' +Pass Property grid-template-columns value 'minmax(auto, 0)' +Pass Property grid-template-columns value 'fit-content(70px)' +Pass Property grid-template-columns value 'fit-content(20%)' +Fail Property grid-template-columns value 'fit-content(calc(-0.5em + 10px))' +Pass Property grid-template-columns value 'repeat(1, 10px)' +Fail Property grid-template-columns value 'repeat(1, [one two] 20%)' +Pass Property grid-template-columns value 'repeat(2, minmax(10px, auto))' +Fail Property grid-template-columns value 'repeat(2, fit-content(20%) [three four] 30px 40px [five six])' +Pass Property grid-template-columns value 'min-content repeat(5, minmax(10px, auto))' +Pass Property grid-template-columns value '[] 150px [] 1fr []' +Pass Property grid-template-columns value 'repeat(auto-fill, 200px)' +Fail Property grid-template-columns value 'repeat(auto-fit, [one] 20%)' +Fail Property grid-template-columns value 'repeat(auto-fill, minmax(100px, 5fr) [two])' +Fail Property grid-template-columns value 'repeat(auto-fit, [three] minmax(max-content, 6em) [four])' +Fail Property grid-template-columns value '[a] 21px [b] repeat(auto-fill, [c] 22px [d] 23px [e]) [f] 24px [g]' +Fail Property grid-template-columns value '[a] 21px [b c] repeat(auto-fill, [d e] 22px [f g h] 23px [i j k l]) [m n] 24px [o]' +Fail Property grid-template-columns value '[a] repeat(2, [b] 20px [c d] 21px [e f g]) [h i] repeat(auto-fit, [j] 22px [k l m] 23px [n o p q]) [r s]' +Fail Property grid-template-columns value '[one] repeat(2, minmax(50px, auto)) [two] 30px [three] repeat(auto-fill, 10px) 40px [four five] repeat(2, minmax(200px, auto)) [six]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed.txt new file mode 100644 index 00000000000..55ca34d1268 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-computed.txt @@ -0,0 +1,35 @@ +Summary + +Harness status: OK + +Rerun + +Found 24 tests + +3 Pass +21 Fail +Details +Result Test Name MessageFail Property grid-template-columns value 'none' +Pass Property grid-template-columns value '1px' +Fail Property grid-template-columns value '1px [a]' +Fail Property grid-template-columns value '1px [a] 2px' +Fail Property grid-template-columns value '[a] 1px' +Fail Property grid-template-columns value '[a] 1px [b]' +Pass Property grid-template-columns value '1px repeat(1, 2px) 3px' +Pass Property grid-template-columns value '1px repeat(auto-fill, 2px) 3px' +Fail Property grid-template-columns value '1px repeat(auto-fit, 2px) 3px' +Fail Property grid-template-columns value '1px [a] repeat(1, 2px 3px) [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fill, 2px 3px) [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fit, 2px 3px) [b] 4px' +Fail Property grid-template-columns value '1px [a] repeat(1, [b] 2px [c]) [d] 3px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fill, [b] 2px [c]) [d] 3px' +Fail Property grid-template-columns value '1px [a] repeat(auto-fit, [b] 2px [c]) [d] 3px' +Fail Property grid-template-columns value '[a] 1px repeat(1, 2px [b] 3px) 4px [d]' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fill, 2px [b] 3px) 4px [d]' +Fail Property grid-template-columns value '[a] 1px repeat(auto-fit, 2px [b] 3px) 4px [d]' +Fail Property grid-template-columns value '100% [a] repeat(1, [b] 200% [c]) [d] 300%' +Fail Property grid-template-columns value '100% [a] repeat(auto-fill, [b] 200% [c]) [d] 300%' +Fail Property grid-template-columns value '100% [a] repeat(auto-fit, [b] 200% [c]) [d] 300%' +Fail Property grid-template-columns value '[a] 1em repeat(1, 2em [b] 3em) 4em [d]' +Fail Property grid-template-columns value '[a] 1em repeat(auto-fill, 2em [b] 3em) 4em [d]' +Fail Property grid-template-columns value '[a] 1em repeat(auto-fit, 2em [b] 3em) 4em [d]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-invalid.txt new file mode 100644 index 00000000000..f99b27c38b1 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-invalid.txt @@ -0,0 +1,26 @@ +Summary + +Harness status: OK + +Rerun + +Found 15 tests + +1 Pass +14 Fail +Details +Result Test Name MessageFail e.style['grid-template-columns'] = "-10px" should not set the property value +Fail e.style['grid-template-columns'] = "-20%" should not set the property value +Fail e.style['grid-template-columns'] = "-5fr" should not set the property value +Fail e.style['grid-template-columns'] = "minmax(5fr, calc(0.5em + 10px))" should not set the property value +Fail e.style['grid-template-columns'] = "minmax(-10px, auto)" should not set the property value +Fail e.style['grid-template-columns'] = "minmax(-20%, max-content)" should not set the property value +Fail e.style['grid-template-columns'] = "minmax(min-content, -20%)" should not set the property value +Fail e.style['grid-template-columns'] = "fit-content(-10px)" should not set the property value +Fail e.style['grid-template-columns'] = "fit-content(-20%)" should not set the property value +Pass e.style['grid-template-columns'] = "[one] 10px [two three] repeat(20%) [four five six] 3fr [seven]" should not set the property value +Fail e.style['grid-template-columns'] = "[one]" should not set the property value +Fail e.style['grid-template-columns'] = "[one] 10px [two] [three]" should not set the property value +Fail e.style['grid-template-columns'] = "repeat(auto-fill, -10px)" should not set the property value +Fail e.style['grid-template-columns'] = "repeat(auto-fill, 10px) repeat(auto-fit, 20%)" should not set the property value +Fail e.style['grid-template-columns'] = "[auto] 1px" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-valid.txt new file mode 100644 index 00000000000..60b4c595c83 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-columns-valid.txt @@ -0,0 +1,45 @@ +Summary + +Harness status: OK + +Rerun + +Found 34 tests + +26 Pass +8 Fail +Details +Result Test Name MessageFail e.style['grid-template-columns'] = "none" should set the property value +Pass e.style['grid-template-columns'] = "10px" should set the property value +Pass e.style['grid-template-columns'] = "20%" should set the property value +Pass e.style['grid-template-columns'] = "calc(-0.5em + 10px)" should set the property value +Pass e.style['grid-template-columns'] = "calc(0.5em + 10px)" should set the property value +Pass e.style['grid-template-columns'] = "calc(30% + 40vw)" should set the property value +Pass e.style['grid-template-columns'] = "5fr" should set the property value +Pass e.style['grid-template-columns'] = "min-content" should set the property value +Pass e.style['grid-template-columns'] = "max-content" should set the property value +Pass e.style['grid-template-columns'] = "auto" should set the property value +Pass e.style['grid-template-columns'] = "minmax(10px, auto)" should set the property value +Pass e.style['grid-template-columns'] = "minmax(20%, max-content)" should set the property value +Pass e.style['grid-template-columns'] = "minmax(calc(-0.5em + 10px), min-content)" should set the property value +Pass e.style['grid-template-columns'] = "minmax(calc(0.5em + 10px), 5fr)" should set the property value +Pass e.style['grid-template-columns'] = "minmax(calc(30% + 40vw), 10px)" should set the property value +Pass e.style['grid-template-columns'] = "minmax(min-content, 20%)" should set the property value +Pass e.style['grid-template-columns'] = "minmax(max-content, calc(-0.5em + 10px))" should set the property value +Pass e.style['grid-template-columns'] = "minmax(auto, calc(0.5em + 10px))" should set the property value +Pass e.style['grid-template-columns'] = "fit-content(10px)" should set the property value +Pass e.style['grid-template-columns'] = "fit-content(20%)" should set the property value +Pass e.style['grid-template-columns'] = "fit-content(calc(-0.5em + 10px))" should set the property value +Pass e.style['grid-template-columns'] = "fit-content(calc(0.5em + 10px))" should set the property value +Pass e.style['grid-template-columns'] = "fit-content(calc(30% + 40vw))" should set the property value +Fail e.style['grid-template-columns'] = "repeat(1, [] 10px [])" should set the property value +Pass e.style['grid-template-columns'] = "repeat(1, [one two] 20%)" should set the property value +Pass e.style['grid-template-columns'] = "repeat(2, minmax(10px, auto))" should set the property value +Pass e.style['grid-template-columns'] = "repeat(2, fit-content(20%) [three four] 30px 40px [five six])" should set the property value +Pass e.style['grid-template-columns'] = "min-content repeat(5, minmax(10px, auto))" should set the property value +Fail e.style['grid-template-columns'] = "[] 150px [] 1fr []" should set the property value +Fail e.style['grid-template-columns'] = "repeat(auto-fill, 10px)" should set the property value +Fail e.style['grid-template-columns'] = "repeat(auto-fit, [one] 20%)" should set the property value +Fail e.style['grid-template-columns'] = "repeat(auto-fill, minmax(30px, 5fr) [two])" should set the property value +Fail e.style['grid-template-columns'] = "repeat(auto-fit, [three] minmax(max-content, 6em) [four])" should set the property value +Fail e.style['grid-template-columns'] = "[one] repeat(2, minmax(10px, auto)) [two] 30px [three] repeat(auto-fill, 10px) 40px [four five] repeat(2, minmax(10px, auto)) [six]" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-important.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-important.txt new file mode 100644 index 00000000000..148a881b90d --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-important.txt @@ -0,0 +1,11 @@ +Summary + +Harness status: OK + +Rerun + +Found 1 tests + +1 Fail +Details +Result Test Name MessageFail grid-template followed by !important \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-node-not-connected.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-node-not-connected.txt new file mode 100644 index 00000000000..b5adaf57f7d --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-node-not-connected.txt @@ -0,0 +1,11 @@ +Summary + +Harness status: OK + +Rerun + +Found 1 tests + +1 Pass +Details +Result Test Name MessagePass grid-template-node-not-connected \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-repeat-auto-computed-withcontent-001.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-repeat-auto-computed-withcontent-001.txt new file mode 100644 index 00000000000..431ec7282b1 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-repeat-auto-computed-withcontent-001.txt @@ -0,0 +1,22 @@ +Summary + +Harness status: OK + +Rerun + +Found 12 tests + +12 Fail +Details +Result Test Name MessageFail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 3 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 4 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 5 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 6 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 4 / 5 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 4 / 6 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 3 / 6 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fill, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 3 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fill, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 4 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fill, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 5 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fill, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 4 / 7 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fill, [e f] 3px [g] 4px [h]) [i] 5px [k] 6px [l m] ' gridColumn = 3 / 6 \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-repeat-auto-computed-withcontent-002.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-repeat-auto-computed-withcontent-002.txt new file mode 100644 index 00000000000..e4e84372b84 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-repeat-auto-computed-withcontent-002.txt @@ -0,0 +1,27 @@ +Summary + +Harness status: OK + +Rerun + +Found 17 tests + +17 Fail +Details +Result Test Name MessageFail Property grid-template-rows value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridRow = 3 +Fail Property grid-template-rows value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridRow = 5 +Fail Property grid-template-rows value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridRow = 3 / 8 +Fail Property grid-template-rows value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridRow = 4 / span 2 +Fail Property grid-template-rows value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridRow = 4 / 5 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 3 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 6 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 3 / 8 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 5 / span 2 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 7 / span 2 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 5 / 8 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h] 5px [i j]) [k] 7px [k] 8px [l m]' gridColumn = 8 / 10 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i j] 7px [k] 8px [l m]' gridColumn = 3 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i j] 7px [k] 8px [l m]' gridColumn = 6 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i j] 7px [k] 8px [l m]' gridColumn = 3 / 8 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i j] 7px [k] 8px [l m]' gridColumn = 6 / span 2 +Fail Property grid-template-columns value '[a] 1px [b] 2px [c d] repeat(auto-fit, [e f] 3px [g] 4px [h]) [i j] 7px [k] 8px [l m]' gridColumn = 5 / 10 \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-implicit-track.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-implicit-track.txt new file mode 100644 index 00000000000..5cd519ffa59 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-implicit-track.txt @@ -0,0 +1,35 @@ +Summary + +Harness status: OK + +Rerun + +Found 24 tests + +1 Pass +23 Fail +Details +Result Test Name MessagePass Property grid-template-rows value 'none' computes to '10px' +Fail Property grid-template-rows value '1px' computes to '10px 1px' +Fail Property grid-template-rows value '1px [a]' computes to '10px 1px [a]' +Fail Property grid-template-rows value '1px [a] 2px' computes to '10px 1px [a] 2px' +Fail Property grid-template-rows value '[a] 1px' computes to '10px [a] 1px' +Fail Property grid-template-rows value '[a] 1px [b]' computes to '10px [a] 1px [b]' +Fail Property grid-template-rows value '1px repeat(1, 2px) 3px' computes to '10px 1px 2px 3px' +Fail Property grid-template-rows value '1px repeat(auto-fill, 2px) 3px' computes to '10px 1px 2px 3px' +Fail Property grid-template-rows value '1px repeat(auto-fit, 2px) 3px' computes to '10px 1px 0px 3px' +Fail Property grid-template-rows value '1px [a] repeat(1, 2px 3px) [b] 4px' computes to '10px 1px [a] 2px 3px [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fill, 2px 3px) [b] 4px' computes to '10px 1px [a] 2px 3px [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fit, 2px 3px) [b] 4px' computes to '10px 1px [a] 0px 0px [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(1, [b] 2px [c]) [d] 3px' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fill, [b] 2px [c]) [d] 3px' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fit, [b] 2px [c]) [d] 3px' computes to '10px 1px [a b] 0px [c d] 3px' +Fail Property grid-template-rows value '[a] 1px repeat(1, 2px [b] 3px) 4px [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-rows value '[a] 1px repeat(auto-fill, 2px [b] 3px) 4px [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-rows value '[a] 1px repeat(auto-fit, 2px [b] 3px) 4px [d]' computes to '10px [a] 1px 0px [b] 0px 4px [d]' +Fail Property grid-template-rows value '100% [a] repeat(1, [b] 200% [c]) [d] 300%' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-rows value '100% [a] repeat(auto-fill, [b] 200% [c]) [d] 300%' computes to '10px 1px [a b] 2px [c d] 3px' +Fail Property grid-template-rows value '100% [a] repeat(auto-fit, [b] 200% [c]) [d] 300%' computes to '10px 1px [a b] 0px [c d] 3px' +Fail Property grid-template-rows value '[a] 1em repeat(1, 2em [b] 3em) 4em [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-rows value '[a] 1em repeat(auto-fill, 2em [b] 3em) 4em [d]' computes to '10px [a] 1px 2px [b] 3px 4px [d]' +Fail Property grid-template-rows value '[a] 1em repeat(auto-fit, 2em [b] 3em) 4em [d]' computes to '10px [a] 1px 0px [b] 0px 4px [d]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-nogrid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-nogrid.txt new file mode 100644 index 00000000000..a5d81a43428 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-nogrid.txt @@ -0,0 +1,35 @@ +Summary + +Harness status: OK + +Rerun + +Found 24 tests + +10 Pass +14 Fail +Details +Result Test Name MessageFail Property grid-template-rows value 'none' +Pass Property grid-template-rows value '1px' +Pass Property grid-template-rows value '1px [a]' +Pass Property grid-template-rows value '1px [a] 2px' +Pass Property grid-template-rows value '[a] 1px' +Pass Property grid-template-rows value '[a] 1px [b]' +Pass Property grid-template-rows value '1px repeat(1, 2px) 3px' +Fail Property grid-template-rows value '1px repeat(auto-fill, 2px) 3px' +Fail Property grid-template-rows value '1px repeat(auto-fit, 2px) 3px' +Pass Property grid-template-rows value '1px [a] repeat(1, 2px 3px) [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fill, 2px 3px) [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fit, 2px 3px) [b] 4px' +Pass Property grid-template-rows value '1px [a] repeat(1, [b] 2px [c]) [d] 3px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fill, [b] 2px [c]) [d] 3px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fit, [b] 2px [c]) [d] 3px' +Pass Property grid-template-rows value '[a] 1px repeat(1, 2px [b] 3px) 4px [d]' +Fail Property grid-template-rows value '[a] 1px repeat(auto-fill, 2px [b] 3px) 4px [d]' +Fail Property grid-template-rows value '[a] 1px repeat(auto-fit, 2px [b] 3px) 4px [d]' +Pass Property grid-template-rows value '100% [a] repeat(1, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '100% [a] repeat(auto-fill, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '100% [a] repeat(auto-fit, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '[a] 1em repeat(1, 2em [b] 3em) 4em [d]' +Fail Property grid-template-rows value '[a] 1em repeat(auto-fill, 2em [b] 3em) 4em [d]' +Fail Property grid-template-rows value '[a] 1em repeat(auto-fit, 2em [b] 3em) 4em [d]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-withcontent.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-withcontent.txt new file mode 100644 index 00000000000..3f5bcc5e119 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed-withcontent.txt @@ -0,0 +1,38 @@ +Summary + +Harness status: OK + +Rerun + +Found 27 tests + +16 Pass +11 Fail +Details +Result Test Name MessagePass Property grid-template-rows value 'none' +Fail Property grid-template-rows value '20%' +Fail Property grid-template-rows value 'calc(-0.5em + 10px)' +Pass Property grid-template-rows value 'calc(0.5em + 10px)' +Fail Property grid-template-rows value 'calc(30% + 40px)' +Pass Property grid-template-rows value '5fr' +Pass Property grid-template-rows value 'min-content' +Pass Property grid-template-rows value 'max-content' +Pass Property grid-template-rows value 'auto' +Pass Property grid-template-rows value 'minmax(10px, auto)' +Fail Property grid-template-rows value 'minmax(20%, max-content)' +Pass Property grid-template-rows value 'minmax(min-content, calc(-0.5em + 10px))' +Pass Property grid-template-rows value 'minmax(auto, 0)' +Pass Property grid-template-rows value 'fit-content(70px)' +Pass Property grid-template-rows value 'fit-content(20%)' +Fail Property grid-template-rows value 'fit-content(calc(-0.5em + 10px))' +Pass Property grid-template-rows value 'repeat(1, 10px)' +Fail Property grid-template-rows value 'repeat(1, [one two] 20%)' +Pass Property grid-template-rows value 'repeat(2, minmax(10px, auto))' +Fail Property grid-template-rows value 'repeat(2, fit-content(20%) [three four] 30px 40px [five six])' +Pass Property grid-template-rows value 'min-content repeat(5, minmax(10px, auto))' +Pass Property grid-template-rows value '[] 150px [] 1fr []' +Pass Property grid-template-rows value 'repeat(auto-fill, 200px)' +Fail Property grid-template-rows value 'repeat(auto-fit, [one] 20%)' +Fail Property grid-template-rows value 'repeat(auto-fill, minmax(100px, 5fr) [two])' +Fail Property grid-template-rows value 'repeat(auto-fit, [three] minmax(max-content, 6em) [four])' +Fail Property grid-template-rows value '[one] repeat(2, minmax(50px, auto)) [two] 30px [three] repeat(auto-fill, 10px) 40px [four five] repeat(2, minmax(200px, auto)) [six]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed.txt new file mode 100644 index 00000000000..56ec800d3d9 --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-computed.txt @@ -0,0 +1,35 @@ +Summary + +Harness status: OK + +Rerun + +Found 24 tests + +3 Pass +21 Fail +Details +Result Test Name MessageFail Property grid-template-rows value 'none' +Pass Property grid-template-rows value '1px' +Fail Property grid-template-rows value '1px [a]' +Fail Property grid-template-rows value '1px [a] 2px' +Fail Property grid-template-rows value '[a] 1px' +Fail Property grid-template-rows value '[a] 1px [b]' +Pass Property grid-template-rows value '1px repeat(1, 2px) 3px' +Pass Property grid-template-rows value '1px repeat(auto-fill, 2px) 3px' +Fail Property grid-template-rows value '1px repeat(auto-fit, 2px) 3px' +Fail Property grid-template-rows value '1px [a] repeat(1, 2px 3px) [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fill, 2px 3px) [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fit, 2px 3px) [b] 4px' +Fail Property grid-template-rows value '1px [a] repeat(1, [b] 2px [c]) [d] 3px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fill, [b] 2px [c]) [d] 3px' +Fail Property grid-template-rows value '1px [a] repeat(auto-fit, [b] 2px [c]) [d] 3px' +Fail Property grid-template-rows value '[a] 1px repeat(1, 2px [b] 3px) 4px [d]' +Fail Property grid-template-rows value '[a] 1px repeat(auto-fill, 2px [b] 3px) 4px [d]' +Fail Property grid-template-rows value '[a] 1px repeat(auto-fit, 2px [b] 3px) 4px [d]' +Fail Property grid-template-rows value '100% [a] repeat(1, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '100% [a] repeat(auto-fill, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '100% [a] repeat(auto-fit, [b] 200% [c]) [d] 300%' +Fail Property grid-template-rows value '[a] 1em repeat(1, 2em [b] 3em) 4em [d]' +Fail Property grid-template-rows value '[a] 1em repeat(auto-fill, 2em [b] 3em) 4em [d]' +Fail Property grid-template-rows value '[a] 1em repeat(auto-fit, 2em [b] 3em) 4em [d]' \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-invalid.txt new file mode 100644 index 00000000000..2b92fa47fac --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-invalid.txt @@ -0,0 +1,26 @@ +Summary + +Harness status: OK + +Rerun + +Found 15 tests + +1 Pass +14 Fail +Details +Result Test Name MessageFail e.style['grid-template-rows'] = "-10px" should not set the property value +Fail e.style['grid-template-rows'] = "-20%" should not set the property value +Fail e.style['grid-template-rows'] = "-5fr" should not set the property value +Fail e.style['grid-template-rows'] = "minmax(5fr, calc(0.5em + 10px))" should not set the property value +Fail e.style['grid-template-rows'] = "minmax(-10px, auto)" should not set the property value +Fail e.style['grid-template-rows'] = "minmax(-20%, max-content)" should not set the property value +Fail e.style['grid-template-rows'] = "minmax(min-content, -20%)" should not set the property value +Fail e.style['grid-template-rows'] = "fit-content(-10px)" should not set the property value +Fail e.style['grid-template-rows'] = "fit-content(-20%)" should not set the property value +Pass e.style['grid-template-rows'] = "[one] 10px [two three] repeat(20%) [four five six] 3fr [seven]" should not set the property value +Fail e.style['grid-template-rows'] = "[one]" should not set the property value +Fail e.style['grid-template-rows'] = "[one] 10px [two] [three]" should not set the property value +Fail e.style['grid-template-rows'] = "repeat(auto-fill, -10px)" should not set the property value +Fail e.style['grid-template-rows'] = "repeat(auto-fill, 10px) repeat(auto-fit, 20%)" should not set the property value +Fail e.style['grid-template-rows'] = "[auto] 1px" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-valid.txt new file mode 100644 index 00000000000..8f4e75a3b1c --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-rows-valid.txt @@ -0,0 +1,45 @@ +Summary + +Harness status: OK + +Rerun + +Found 34 tests + +26 Pass +8 Fail +Details +Result Test Name MessageFail e.style['grid-template-rows'] = "none" should set the property value +Pass e.style['grid-template-rows'] = "10px" should set the property value +Pass e.style['grid-template-rows'] = "20%" should set the property value +Pass e.style['grid-template-rows'] = "calc(-0.5em + 10px)" should set the property value +Pass e.style['grid-template-rows'] = "calc(0.5em + 10px)" should set the property value +Pass e.style['grid-template-rows'] = "calc(30% + 40vw)" should set the property value +Pass e.style['grid-template-rows'] = "5fr" should set the property value +Pass e.style['grid-template-rows'] = "min-content" should set the property value +Pass e.style['grid-template-rows'] = "max-content" should set the property value +Pass e.style['grid-template-rows'] = "auto" should set the property value +Pass e.style['grid-template-rows'] = "minmax(10px, auto)" should set the property value +Pass e.style['grid-template-rows'] = "minmax(20%, max-content)" should set the property value +Pass e.style['grid-template-rows'] = "minmax(calc(-0.5em + 10px), min-content)" should set the property value +Pass e.style['grid-template-rows'] = "minmax(calc(0.5em + 10px), 5fr)" should set the property value +Pass e.style['grid-template-rows'] = "minmax(calc(30% + 40vw), 10px)" should set the property value +Pass e.style['grid-template-rows'] = "minmax(min-content, 20%)" should set the property value +Pass e.style['grid-template-rows'] = "minmax(max-content, calc(-0.5em + 10px))" should set the property value +Pass e.style['grid-template-rows'] = "minmax(auto, calc(0.5em + 10px))" should set the property value +Pass e.style['grid-template-rows'] = "fit-content(10px)" should set the property value +Pass e.style['grid-template-rows'] = "fit-content(20%)" should set the property value +Pass e.style['grid-template-rows'] = "fit-content(calc(-0.5em + 10px))" should set the property value +Pass e.style['grid-template-rows'] = "fit-content(calc(0.5em + 10px))" should set the property value +Pass e.style['grid-template-rows'] = "fit-content(calc(30% + 40vw))" should set the property value +Fail e.style['grid-template-rows'] = "repeat(1, [] 10px [])" should set the property value +Pass e.style['grid-template-rows'] = "repeat(1, [one two] 20%)" should set the property value +Pass e.style['grid-template-rows'] = "repeat(2, minmax(10px, auto))" should set the property value +Pass e.style['grid-template-rows'] = "repeat(2, fit-content(20%) [three four] 30px 40px [five six])" should set the property value +Pass e.style['grid-template-rows'] = "min-content repeat(5, minmax(10px, auto))" should set the property value +Fail e.style['grid-template-rows'] = "[] 150px [] 1fr []" should set the property value +Fail e.style['grid-template-rows'] = "repeat(auto-fill, 10px)" should set the property value +Fail e.style['grid-template-rows'] = "repeat(auto-fit, [one] 20%)" should set the property value +Fail e.style['grid-template-rows'] = "repeat(auto-fill, minmax(30px, 5fr) [two])" should set the property value +Fail e.style['grid-template-rows'] = "repeat(auto-fit, [three] minmax(max-content, 6em) [four])" should set the property value +Fail e.style['grid-template-rows'] = "[one] repeat(2, minmax(10px, auto)) [two] 30px [three] repeat(auto-fill, 10px) 40px [four five] repeat(2, minmax(10px, auto)) [six]" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-areas-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-areas-valid.txt new file mode 100644 index 00000000000..63deebaba3d --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-areas-valid.txt @@ -0,0 +1,15 @@ +Summary + +Harness status: OK + +Rerun + +Found 5 tests + +5 Fail +Details +Result Test Name MessageFail grid-template: none / 1px and "grid-template-areas: "a";" should be valid. +Fail grid-template: none / none and "grid-template-areas: "a";" should be valid. +Fail grid-template: auto / 1px and "grid-template-areas: "a a a";" should be valid. +Fail grid-template: auto / auto and "grid-template-areas: "a a a";" should be valid. +Fail grid-template: 10px 20px 30px / 40px 50px 60px 70px and "grid-template-areas: "a . b ." "c d . e" "f g h .";" should be valid. \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-invalid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-invalid.txt new file mode 100644 index 00000000000..048a46eaecd --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-invalid.txt @@ -0,0 +1,77 @@ +Summary + +Harness status: OK + +Rerun + +Found 66 tests + +7 Pass +59 Fail +Details +Result Test Name MessageFail e.style['grid-template'] = "auto" should not set the property value +Pass e.style['grid-template'] = "none none" should not set the property value +Pass e.style['grid-template'] = "none []" should not set the property value +Fail e.style['grid-template'] = "10px" should not set the property value +Fail e.style['grid-template'] = "20%" should not set the property value +Fail e.style['grid-template'] = "5fr" should not set the property value +Fail e.style['grid-template'] = "[a]" should not set the property value +Fail e.style['grid-template'] = "[a] 10px" should not set the property value +Fail e.style['grid-template'] = "[a] repeat(2, 10px)" should not set the property value +Fail e.style['grid-template'] = "[a] repeat(auto-fill, 10px)" should not set the property value +Fail e.style['grid-template'] = "[a] repeat(auto-fit, 10px)" should not set the property value +Fail e.style['grid-template'] = "[a] 10px []" should not set the property value +Fail e.style['grid-template'] = "[a] repeat(2, 10px) []" should not set the property value +Fail e.style['grid-template'] = "[a] repeat(auto-fill, 10px) []" should not set the property value +Fail e.style['grid-template'] = "[a] repeat(auto-fit, 10px) []" should not set the property value +Fail e.style['grid-template'] = "[]" should not set the property value +Fail e.style['grid-template'] = "10px \"a\"" should not set the property value +Fail e.style['grid-template'] = "repeat(2, 10px) \"a\"" should not set the property value +Fail e.style['grid-template'] = "repeat(auto-fill, 10px) \"a\"" should not set the property value +Fail e.style['grid-template'] = "repeat(auto-fit, 10px) \"a\"" should not set the property value +Fail e.style['grid-template'] = "[] 10px \"a\"" should not set the property value +Fail e.style['grid-template'] = "[] repeat(2, 10px) \"a\"" should not set the property value +Fail e.style['grid-template'] = "[] repeat(auto-fill, 10px) \"a\"" should not set the property value +Fail e.style['grid-template'] = "[] repeat(auto-fit, 10px) \"a\"" should not set the property value +Fail e.style['grid-template'] = "10px [] \"a\"" should not set the property value +Fail e.style['grid-template'] = "repeat(2, 10px) [] \"a\"" should not set the property value +Fail e.style['grid-template'] = "repeat(auto-fill, 10px) [] \"a\"" should not set the property value +Fail e.style['grid-template'] = "repeat(auto-fit, 10px) [] \"a\"" should not set the property value +Fail e.style['grid-template'] = "[] [] \"a\"" should not set the property value +Fail e.style['grid-template'] = "\"a\" none" should not set the property value +Fail e.style['grid-template'] = "\"a\" 10px 10px" should not set the property value +Fail e.style['grid-template'] = "\"a\" repeat(2, 10px) 10px" should not set the property value +Fail e.style['grid-template'] = "\"a\" 10px repeat(2, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" repeat(auto-fill, 10px) 10px" should not set the property value +Fail e.style['grid-template'] = "\"a\" 10px repeat(auto-fill, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" repeat(auto-fit, 10px) 10px" should not set the property value +Fail e.style['grid-template'] = "\"a\" 10px repeat(auto-fit, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] 10px" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] repeat(2, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] repeat(auto-fill, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] repeat(auto-fit, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] 10px [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] repeat(2, 10px) [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] repeat(auto-fill, 10px) [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] repeat(auto-fit, 10px) [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a] 10px" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a] repeat(2, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a] repeat(auto-fill, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a] repeat(auto-fit, 10px)" should not set the property value +Fail e.style['grid-template'] = "\"a\" 10px [a] [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" repeat(2, 10px) [a] [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" repeat(auto-fill, 10px) [a] [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" repeat(auto-fit, 10px) [a] [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a]" should not set the property value +Fail e.style['grid-template'] = "[a] \"a\" [a] [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" \"a\" [a] [a]" should not set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a] / none" should not set the property value +Fail e.style['grid-template'] = "\"a\" \"a\" [a] [a] / none" should not set the property value +Fail e.style['grid-template'] = "none / \"a\"" should not set the property value +Fail e.style['grid-template'] = "\"a\" / none" should not set the property value +Fail e.style['grid-template'] = "none / [] \"a\"" should not set the property value +Pass e.style['grid-template'] = "none / \"a\" []" should not set the property value +Pass e.style['grid-template'] = "none / \"a\" [] 10px" should not set the property value +Pass e.style['grid-template'] = "none / \"a\" [] repeat(2, 10px)" should not set the property value +Pass e.style['grid-template'] = "none / \"a\" [] repeat(auto-fill, 10px)" should not set the property value +Pass e.style['grid-template'] = "none / \"a\" [] repeat(auto-fit, 10px)" should not set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-valid.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-valid.txt new file mode 100644 index 00000000000..4f872e9b7ce --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand-valid.txt @@ -0,0 +1,50 @@ +Summary + +Harness status: OK + +Rerun + +Found 40 tests + +40 Fail +Details +Result Test Name MessageFail e.style['grid-template'] = "none" should set the property value +Fail e.style['grid-template'] = "none / none" should set the property value +Fail e.style['grid-template'] = "auto / auto" should set the property value +Fail e.style['grid-template'] = "none / [a] 0px" should set the property value +Fail e.style['grid-template'] = "none / [] 0px" should set the property value +Fail e.style['grid-template'] = "[a] 10px / auto" should set the property value +Fail e.style['grid-template'] = "[a] 10px / none" should set the property value +Fail e.style['grid-template'] = "[] 10px [] / [] auto []" should set the property value +Fail e.style['grid-template'] = "[a] \"a\" 10px" should set the property value +Fail e.style['grid-template'] = "[a] \"a\" 10px []" should set the property value +Fail e.style['grid-template'] = "\"a\" 10px" should set the property value +Fail e.style['grid-template'] = "[] \"a\" 10px" should set the property value +Fail e.style['grid-template'] = "[a] \"a\" 10px [a]" should set the property value +Fail e.style['grid-template'] = "\"a\"" should set the property value +Fail e.style['grid-template'] = "\"a\" auto" should set the property value +Fail e.style['grid-template'] = "\"a a a\"" should set the property value +Fail e.style['grid-template'] = "\"a\" / 10px" should set the property value +Fail e.style['grid-template'] = "\"a\" / 20%" should set the property value +Fail e.style['grid-template'] = "\"a\" / 5fr" should set the property value +Fail e.style['grid-template'] = "[a] \"a\"" should set the property value +Fail e.style['grid-template'] = "[a] \"a\" [a]" should set the property value +Fail e.style['grid-template'] = "[] \"a\"" should set the property value +Fail e.style['grid-template'] = "\"a\" [] [] \"b\"" should set the property value +Fail e.style['grid-template'] = "\"a\" [] \"b\"" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] [b] \"b\"" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] \"b\"" should set the property value +Fail e.style['grid-template'] = "\"a\" / 0" should set the property value +Fail e.style['grid-template'] = "\"a\" 10px / 10px" should set the property value +Fail e.style['grid-template'] = "\"a\" calc(100% - 10px) / calc(10px)" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] \"b\" 10px" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] \"b\" 10px [a]" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] [a] \"b\" 10px" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] [] \"b\" 10px" should set the property value +Fail e.style['grid-template'] = "\"a\" 10px [a] \"b\" [a]" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] \"b\" [a]" should set the property value +Fail e.style['grid-template'] = "[a] \"a\" [a] \"b\" [a]" should set the property value +Fail e.style['grid-template'] = "\"a\" \"a\" [a] \"b\" [a]" should set the property value +Fail e.style['grid-template'] = "\"a\" [a] \"b\" [a] / 0" should set the property value +Fail e.style['grid-template'] = "\"a\" \"a\" [a] [a] \"b\" / auto" should set the property value +Fail e.style['grid-template'] = "\"a\" auto [a] \"b\" auto [b] / 10px" should set the property value \ No newline at end of file diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand.txt new file mode 100644 index 00000000000..96f5e9283bc --- /dev/null +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-grid/parsing/grid-template-shorthand.txt @@ -0,0 +1,35 @@ +Summary + +Harness status: OK + +Rerun + +Found 24 tests + +15 Pass +9 Fail +Details +Result Test Name MessagePass e.style['grid-template'] = "none" should set grid-template-areas +Fail e.style['grid-template'] = "none" should set grid-template-columns +Fail e.style['grid-template'] = "none" should set grid-template-rows +Pass e.style['grid-template'] = "none" should not set unrelated longhands +Pass e.style['grid-template'] = "10px / 20%" should set grid-template-areas +Pass e.style['grid-template'] = "10px / 20%" should set grid-template-columns +Pass e.style['grid-template'] = "10px / 20%" should set grid-template-rows +Pass e.style['grid-template'] = "10px / 20%" should not set unrelated longhands +Pass e.style['grid-template'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-areas +Pass e.style['grid-template'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-columns +Pass e.style['grid-template'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should set grid-template-rows +Pass e.style['grid-template'] = "fit-content(calc(-0.5em + 10px)) / fit-content(calc(0.5em + 10px))" should not set unrelated longhands +Fail e.style['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 +Pass e.style['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 +Fail e.style['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 +Pass e.style['grid-template'] = "[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto" should not set unrelated longhands +Fail e.style['grid-template'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-template-areas +Pass e.style['grid-template'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-template-columns +Fail e.style['grid-template'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should set grid-template-rows +Pass e.style['grid-template'] = " \"a a a\" \"b b b\" 1fr/ auto 1fr auto" should not set unrelated longhands +Fail e.style['grid-template'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-template-areas +Fail e.style['grid-template'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-template-columns +Fail e.style['grid-template'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should set grid-template-rows +Pass e.style['grid-template'] = " [] \"a a a\" [] [] \"b b b\" 1fr [] / [] auto 1fr [] auto []" should not set unrelated longhands \ No newline at end of file diff --git a/Tests/LibWeb/Text/input/wpt-import/css/css-grid/parsing/grid-area-computed.html b/Tests/LibWeb/Text/input/wpt-import/css/css-grid/parsing/grid-area-computed.html new file mode 100644 index 00000000000..d5fb9b0f301 --- /dev/null +++ b/Tests/LibWeb/Text/input/wpt-import/css/css-grid/parsing/grid-area-computed.html @@ -0,0 +1,67 @@ + + +
+ +