| OLD | NEW |
| 1 Test getting and setting nonstable css properties to non-default values | 1 Test getting and setting nonstable css properties to non-default values |
| 2 | 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 | 5 |
| 6 el.style.setProperty('shape-margin', '10px') | 6 el.style.setProperty('shape-margin', '10px') |
| 7 el.style.getPropertyValue('shape-margin') is 10px | 7 el.style.getPropertyValue('shape-margin') is 10px |
| 8 getComputedStyle(el).getPropertyValue('shape-margin') is 10px | 8 getComputedStyle(el).getPropertyValue('shape-margin') is 10px |
| 9 | 9 |
| 10 el.style.setProperty('shape-outside', 'circle(10px at 10px 10px)') | 10 el.style.setProperty('shape-outside', 'circle(10px at 10px 10px)') |
| 11 el.style.getPropertyValue('shape-outside') is circle(10px at 10px 10px) | 11 el.style.getPropertyValue('shape-outside') is circle(10px at 10px 10px) |
| 12 getComputedStyle(el).getPropertyValue('shape-outside') is circle(10px at 10px 10
px) | 12 getComputedStyle(el).getPropertyValue('shape-outside') is circle(10px at 10px 10
px) |
| 13 | 13 |
| 14 el.style.setProperty('grid-auto-columns', 'auto') | 14 el.style.setProperty('grid-auto-columns', 'auto') |
| 15 el.style.getPropertyValue('grid-auto-columns') is | 15 el.style.getPropertyValue('grid-auto-columns') is auto |
| 16 getComputedStyle(el).getPropertyValue('grid-auto-columns') is | 16 getComputedStyle(el).getPropertyValue('grid-auto-columns') is auto |
| 17 | 17 |
| 18 el.style.setProperty('grid-auto-rows', 'auto') | 18 el.style.setProperty('grid-auto-rows', 'auto') |
| 19 el.style.getPropertyValue('grid-auto-rows') is | 19 el.style.getPropertyValue('grid-auto-rows') is auto |
| 20 getComputedStyle(el).getPropertyValue('grid-auto-rows') is | 20 getComputedStyle(el).getPropertyValue('grid-auto-rows') is auto |
| 21 | 21 |
| 22 el.style.setProperty('grid-template-columns', 'min-content') | 22 el.style.setProperty('grid-template-columns', 'min-content') |
| 23 el.style.getPropertyValue('grid-template-columns') is | 23 el.style.getPropertyValue('grid-template-columns') is min-content |
| 24 getComputedStyle(el).getPropertyValue('grid-template-columns') is | 24 getComputedStyle(el).getPropertyValue('grid-template-columns') is min-content |
| 25 | 25 |
| 26 el.style.setProperty('grid-template-rows', 'max-content') | 26 el.style.setProperty('grid-template-rows', 'max-content') |
| 27 el.style.getPropertyValue('grid-template-rows') is | 27 el.style.getPropertyValue('grid-template-rows') is max-content |
| 28 getComputedStyle(el).getPropertyValue('grid-template-rows') is | 28 getComputedStyle(el).getPropertyValue('grid-template-rows') is max-content |
| 29 | 29 |
| 30 el.style.setProperty('grid-column-start', 'auto') | 30 el.style.setProperty('grid-column-start', 'auto') |
| 31 el.style.getPropertyValue('grid-column-start') is | 31 el.style.getPropertyValue('grid-column-start') is auto |
| 32 getComputedStyle(el).getPropertyValue('grid-column-start') is | 32 getComputedStyle(el).getPropertyValue('grid-column-start') is auto |
| 33 | 33 |
| 34 el.style.setProperty('grid-column-end', '2') | 34 el.style.setProperty('grid-column-end', '2') |
| 35 el.style.getPropertyValue('grid-column-end') is | 35 el.style.getPropertyValue('grid-column-end') is 2 |
| 36 getComputedStyle(el).getPropertyValue('grid-column-end') is | 36 getComputedStyle(el).getPropertyValue('grid-column-end') is 2 |
| 37 | 37 |
| 38 el.style.setProperty('grid-row-start', '1') | 38 el.style.setProperty('grid-row-start', '1') |
| 39 el.style.getPropertyValue('grid-row-start') is | 39 el.style.getPropertyValue('grid-row-start') is 1 |
| 40 getComputedStyle(el).getPropertyValue('grid-row-start') is | 40 getComputedStyle(el).getPropertyValue('grid-row-start') is 1 |
| 41 | 41 |
| 42 el.style.setProperty('grid-column', 'auto') | 42 el.style.setProperty('grid-column', 'auto') |
| 43 el.style.getPropertyValue('grid-column') is | 43 el.style.getPropertyValue('grid-column') is auto / auto |
| 44 getComputedStyle(el).getPropertyValue('grid-column') is | 44 getComputedStyle(el).getPropertyValue('grid-column') is auto / auto |
| 45 | 45 |
| 46 el.style.setProperty('grid-row', '1') | 46 el.style.setProperty('grid-row', '1') |
| 47 el.style.getPropertyValue('grid-row') is | 47 el.style.getPropertyValue('grid-row') is 1 / auto |
| 48 getComputedStyle(el).getPropertyValue('grid-row') is | 48 getComputedStyle(el).getPropertyValue('grid-row') is 1 / auto |
| 49 | 49 |
| 50 el.style.setProperty('grid-area', '2') | 50 el.style.setProperty('grid-area', '2') |
| 51 el.style.getPropertyValue('grid-area') is | 51 el.style.getPropertyValue('grid-area') is 2 / auto / auto / auto |
| 52 getComputedStyle(el).getPropertyValue('grid-area') is | 52 getComputedStyle(el).getPropertyValue('grid-area') is 2 / auto / auto / auto |
| 53 | 53 |
| 54 el.style.setProperty('grid-auto-flow', 'column') | 54 el.style.setProperty('grid-auto-flow', 'column') |
| 55 el.style.getPropertyValue('grid-auto-flow') is | 55 el.style.getPropertyValue('grid-auto-flow') is column |
| 56 getComputedStyle(el).getPropertyValue('grid-auto-flow') is | 56 getComputedStyle(el).getPropertyValue('grid-auto-flow') is column |
| 57 | 57 |
| 58 el.style.setProperty('grid-template-areas', '"test"') | 58 el.style.setProperty('grid-template-areas', '"test"') |
| 59 el.style.getPropertyValue('grid-template-areas') is | 59 el.style.getPropertyValue('grid-template-areas') is "test" |
| 60 getComputedStyle(el).getPropertyValue('grid-template-areas') is | 60 getComputedStyle(el).getPropertyValue('grid-template-areas') is "test" |
| 61 | 61 |
| 62 el.style.setProperty('text-justify', 'distribute') | 62 el.style.setProperty('text-justify', 'distribute') |
| 63 el.style.getPropertyValue('text-justify') is | 63 el.style.getPropertyValue('text-justify') is |
| 64 getComputedStyle(el).getPropertyValue('text-justify') is | 64 getComputedStyle(el).getPropertyValue('text-justify') is |
| 65 | 65 |
| 66 PASS successfullyParsed is true | 66 PASS successfullyParsed is true |
| 67 | 67 |
| 68 TEST COMPLETE | 68 TEST COMPLETE |
| 69 | 69 |
| OLD | NEW |