1 Test that the format of grid shorthands style uses slashes as expected
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 Test grid-column shorthand
7 PASS item.style.gridColumn is "1 / auto"
8 PASS item.style.gridColumn is "1 / 3"
9 PASS item.style.gridColumn is "1 / span 2"
10 PASS item.style.gridColumn is "foo / bar"
11 PASS item.style.gridColumn is "foo / span bar"
12 PASS item.style.gridColumn is "2 foo / span 3 bar"
13 Test grid-row shorthand
14 PASS item.style.gridRow is "1 / auto"
15 PASS item.style.gridRow is "1 / 3"
16 PASS item.style.gridRow is "1 / span 2"
17 PASS item.style.gridRow is "foo / bar"
18 PASS item.style.gridRow is "foo / span bar"
19 PASS item.style.gridRow is "2 foo / span 3 bar"
20 Test grid-area shorthand
21 PASS item.style.gridArea is "1 / auto / auto / auto"
22 PASS item.style.gridArea is "1 / 3 / auto / auto"
23 PASS item.style.gridArea is "1 / span 2 / auto / auto"
24 PASS item.style.gridArea is "foo / foo / foo / foo"
25 PASS item.style.gridArea is "foo / bar / foo / bar"
26 PASS item.style.gridArea is "2 foo / span 3 bar / auto / auto"
27 PASS item.style.gridArea is "1 / 2 / 3 / auto"
28 PASS item.style.gridArea is "1 / 3 / 2 / 4"
29 PASS item.style.gridArea is "1 / span 2 / 1 / span 2"
30 PASS item.style.gridArea is "foo / bar / baz / qux"
31 PASS item.style.gridArea is "foo / span bar / baz / span qux"
32 PASS item.style.gridArea is "2 foo / span 3 bar / 3 baz / span 2 qux"
33 PASS successfullyParsed is true