| Tests that properties defining grid templates are correct. |
| |
| [expanded] |
| element.style { () |
| grid-template-areas: |
| 'a a' |
| 'b b'; |
| grid-template: 'a a'; |
| |
| [expanded] |
| #container { (styles-grid…mplate.js:7 -> styles-grid-template.js:7:21) |
| grid: |
| [first-row-start] "a a" 10px [first-row-end] |
| [second-row-start] "b b" 20px / 100px; |
| |
| [expanded] |
| #container { (styles-grid…mplate.js:6 -> styles-grid-template.js:6:21) |
| /-- overloaded --/ grid: |
| "a a" 10px |
| 'b b' 20px / 100px; |
| |
| [expanded] |
| #container { (styles-grid…mplate.js:5 -> styles-grid-template.js:5:21) |
| /-- overloaded --/ grid: |
| "a a" |
| 'b b'; |
| |
| [expanded] |
| #container { (styles-grid…mplate.js:4 -> styles-grid-template.js:4:21) |
| /-- overloaded --/ grid: |
| "a a" |
| "b b"; |
| |
| [expanded] |
| #container { (styles-grid…mplate.js:3 -> styles-grid-template.js:3:21) |
| /-- overloaded --/ grid: |
| " a a " |
| " b b"; |
| |
| [expanded] |
| #container { (styles-grid…mplate.js:2 -> styles-grid-template.js:2:21) |
| /-- overloaded --/ grid: "a a"; |
| |
| [expanded] |
| div { (user agent stylesheet) |
| display: block; |
| |
| Start editing "grid-template-areas" |
| Prompt text 'a a' |
| 'b b' |
| |