diff options
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt')
| -rw-r--r-- | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt | 226 |
1 files changed, 113 insertions, 113 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt index b903d57..0687a69 100644 --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt @@ -1,129 +1,129 @@ -Test that setting and getting grid-definition-columns and grid-definition-rows works as expected +Test that setting and getting grid-template-columns and grid-template-rows works as expected On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". -Test getting |grid-definition-columns| and |grid-definition-rows| set through CSS -PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-definition-columns') is "7px 11px" -PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-definition-rows') is "17px 2px" -PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-definition-columns') is "424px 792px" -PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-definition-rows') is "162px 312px" -PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('grid-definition-columns') is "7px 0px" -PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('grid-definition-rows') is "11px 0px" -PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-definition-columns') is "0px 17px" -PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-definition-rows') is "0px 3px" -PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-definition-columns') is "100px 120px" -PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-definition-rows') is "150px 170px" -PASS window.getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-definition-columns') is "15px 0px 100px" -PASS window.getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-definition-rows') is "120px 18px 0px" -PASS window.getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('grid-definition-columns') is "400px 120px" -PASS window.getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('grid-definition-rows') is "210px 168px" -PASS window.getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-definition-columns') is "0px 0px" -PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-definition-rows') is "0px 0px" -PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPropertyValue('grid-definition-columns') is "7px 17px" -PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPropertyValue('grid-definition-rows') is "11px 3px" -PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-definition-columns') is "240px 15px" -PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-definition-rows') is "120px 210px" -PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-definition-columns') is "240px 15px" -PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-definition-rows') is "120px 210px" -PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-definition-columns') is "320px 480px" -PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-definition-rows') is "225px 375px" -PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-definition-columns') is "45px 755px" -PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-definition-rows') is "586px 14px" -PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-definition-columns') is "200px 100px" -PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-definition-rows') is "150px 75px" -PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-definition-columns') is "400px 80px" -PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-definition-rows') is "88px 150px" -PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-definition-columns') is "190px 80px" -PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-definition-rows') is "150px 53px" -PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('grid-definition-columns') is "400px 120px" -PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('grid-definition-rows') is "150px 175px" +Test getting |grid-template-columns| and |grid-template-rows| set through CSS +PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-template-columns') is "7px 11px" +PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-template-rows') is "17px 2px" +PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-template-columns') is "424px 792px" +PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-template-rows') is "162px 312px" +PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('grid-template-columns') is "7px 0px" +PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('grid-template-rows') is "11px 0px" +PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-template-columns') is "0px 17px" +PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-template-rows') is "0px 3px" +PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-template-columns') is "100px 120px" +PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-template-rows') is "150px 170px" +PASS window.getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-template-columns') is "15px 0px 100px" +PASS window.getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-template-rows') is "120px 18px 0px" +PASS window.getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('grid-template-columns') is "400px 120px" +PASS window.getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('grid-template-rows') is "210px 168px" +PASS window.getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-template-columns') is "0px 0px" +PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-template-rows') is "0px 0px" +PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPropertyValue('grid-template-columns') is "7px 17px" +PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPropertyValue('grid-template-rows') is "11px 3px" +PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-template-columns') is "240px 15px" +PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-template-rows') is "120px 210px" +PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-template-columns') is "240px 15px" +PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-template-rows') is "120px 210px" +PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-template-columns') is "320px 480px" +PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-template-rows') is "225px 375px" +PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-template-columns') is "45px 755px" +PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-template-rows') is "586px 14px" +PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-template-columns') is "200px 100px" +PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-template-rows') is "150px 75px" +PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-template-columns') is "400px 80px" +PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-template-rows') is "88px 150px" +PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-template-columns') is "190px 80px" +PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-template-rows') is "150px 53px" +PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('grid-template-columns') is "400px 120px" +PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('grid-template-rows') is "150px 175px" Test the initial value -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is 'none' -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is 'none' +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none' +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'none' -Test getting and setting grid-definition-rows and grid-definition-columns through JS -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "18px 22px" -PASS element.style.gridDefinitionColumns is "18px 22px" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "66px 70px" -PASS element.style.gridDefinitionRows is "66px 70px" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "440px 640px" -PASS element.style.gridDefinitionColumns is "55% 80%" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "240px 378px" -PASS element.style.gridDefinitionRows is "40% 63%" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "0px 0px" -PASS element.style.gridDefinitionColumns is "auto auto" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "0px 0px" -PASS element.style.gridDefinitionRows is "auto auto" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "0px 160px 22px" -PASS element.style.gridDefinitionColumns is "auto 16em 22px" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "336px 100px 0px" -PASS element.style.gridDefinitionRows is "56% 10em auto" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "160px 20px" -PASS element.style.gridDefinitionColumns is "16em minmax(16px, 20px)" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "90px 0px" -PASS element.style.gridDefinitionRows is "minmax(10%, 15%) auto" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "160px 640px" -PASS element.style.gridDefinitionColumns is "16em 2fr" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "600px 0px" -PASS element.style.gridDefinitionRows is "14fr auto" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "400px 96px" -PASS element.style.gridDefinitionColumns is "50% 12vw" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "30px 510px" -PASS element.style.gridDefinitionRows is "5% 85vh" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "25px 20px" -PASS element.style.gridDefinitionColumns is "calc(25px) calc(2em)" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "0px 60px" -PASS element.style.gridDefinitionRows is "auto calc(10%)" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "345px 92px" -PASS element.style.gridDefinitionColumns is "calc(25px + 40%) minmax(min-content, calc(10% + 12px))" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "100px 0px" -PASS element.style.gridDefinitionRows is "minmax(calc(75% - 350px), max-content) auto" +Test getting and setting grid-template-rows and grid-template-columns through JS +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px 22px" +PASS element.style.gridTemplateColumns is "18px 22px" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66px 70px" +PASS element.style.gridTemplateRows is "66px 70px" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px 640px" +PASS element.style.gridTemplateColumns is "55% 80%" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "240px 378px" +PASS element.style.gridTemplateRows is "40% 63%" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px 0px" +PASS element.style.gridTemplateColumns is "auto auto" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px 0px" +PASS element.style.gridTemplateRows is "auto auto" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px 160px 22px" +PASS element.style.gridTemplateColumns is "auto 16em 22px" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "336px 100px 0px" +PASS element.style.gridTemplateRows is "56% 10em auto" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "160px 20px" +PASS element.style.gridTemplateColumns is "16em minmax(16px, 20px)" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "90px 0px" +PASS element.style.gridTemplateRows is "minmax(10%, 15%) auto" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "160px 640px" +PASS element.style.gridTemplateColumns is "16em 2fr" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "600px 0px" +PASS element.style.gridTemplateRows is "14fr auto" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "400px 96px" +PASS element.style.gridTemplateColumns is "50% 12vw" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "30px 510px" +PASS element.style.gridTemplateRows is "5% 85vh" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "25px 20px" +PASS element.style.gridTemplateColumns is "calc(25px) calc(2em)" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px 60px" +PASS element.style.gridTemplateRows is "auto calc(10%)" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "345px 92px" +PASS element.style.gridTemplateColumns is "calc(25px + 40%) minmax(min-content, calc(10% + 12px))" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "100px 0px" +PASS element.style.gridTemplateRows is "minmax(calc(75% - 350px), max-content) auto" Test getting wrong values set from CSS -PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition-columns') is 'none' -PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition-rows') is 'none' -PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definition-columns') is 'none' -PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definition-rows') is 'none' +PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-template-columns') is 'none' +PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-template-rows') is 'none' +PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-template-columns') is 'none' +PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-template-rows') is 'none' Test setting and getting wrong values from JS -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "none" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" -Test setting grid-definition-columns and grid-definition-rows to 'inherit' through JS -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "50px 750px (last)" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "20px (middle) 45px" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "50px 0px (last)" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "20px (middle) 45px" +Test setting grid-template-columns and grid-template-rows to 'inherit' through JS +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "50px 750px (last)" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20px (middle) 45px" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "50px 0px (last)" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20px (middle) 45px" -Test setting grid-definition-columns and grid-definition-rows to 'initial' through JS -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is "1200px (middle) 55px" -PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is "200px (line) 400px (line)" -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') is 'none' -PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is 'none' +Test setting grid-template-columns and grid-template-rows to 'initial' through JS +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "1200px (middle) 55px" +PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "200px (line) 400px (line)" +PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none' +PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'none' PASS successfullyParsed is true TEST COMPLETE |