Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(285)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/resources/non-grid-columns-rows-get-set.js

Issue 23472008: [CSS Grid Layout] Support calc() breadth track size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@103761-wk
Patch Set: Patch for landing Created 7 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set-multiple.js ('k') | LayoutTests/fast/css-grid-layout/resources/non-grid-columns-rows-get-set-multiple.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 description('Test that setting and getting grid-definition-columns and grid-defi nition-rows works as expected'); 1 description('Test that setting and getting grid-definition-columns and grid-defi nition-rows works as expected');
2 2
3 debug("Test getting grid-definition-columns and grid-definition-rows set through CSS"); 3 debug("Test getting grid-definition-columns and grid-definition-rows set through CSS");
4 testGridDefinitionsValues(document.getElementById("gridWithNoneElement"), "none" , "none"); 4 testGridDefinitionsValues(document.getElementById("gridWithNoneElement"), "none" , "none");
5 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), "10px ", "15px"); 5 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), "10px ", "15px");
6 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "53 %", "27%"); 6 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "53 %", "27%");
7 testGridDefinitionsValues(document.getElementById("gridWithAutoElement"), "auto" , "auto"); 7 testGridDefinitionsValues(document.getElementById("gridWithAutoElement"), "auto" , "auto");
8 testGridDefinitionsValues(document.getElementById("gridWithEMElement"), "100px", "150px"); 8 testGridDefinitionsValues(document.getElementById("gridWithEMElement"), "100px", "150px");
9 testGridDefinitionsValues(document.getElementById("gridWithViewPortPercentageEle ment"), "64px", "60px"); 9 testGridDefinitionsValues(document.getElementById("gridWithViewPortPercentageEle ment"), "64px", "60px");
10 testGridDefinitionsValues(document.getElementById("gridWithMinMax"), "minmax(10% , 15px)", "minmax(20px, 50%)"); 10 testGridDefinitionsValues(document.getElementById("gridWithMinMax"), "minmax(10% , 15px)", "minmax(20px, 50%)");
11 testGridDefinitionsValues(document.getElementById("gridWithMinContent"), "min-co ntent", "min-content"); 11 testGridDefinitionsValues(document.getElementById("gridWithMinContent"), "min-co ntent", "min-content");
12 testGridDefinitionsValues(document.getElementById("gridWithMaxContent"), "max-co ntent", "max-content"); 12 testGridDefinitionsValues(document.getElementById("gridWithMaxContent"), "max-co ntent", "max-content");
13 testGridDefinitionsValues(document.getElementById("gridWithFraction"), "1fr", "2 fr"); 13 testGridDefinitionsValues(document.getElementById("gridWithFraction"), "1fr", "2 fr");
14 testGridDefinitionsValues(document.getElementById("gridWithCalc"), "150px", "75p x");
15 testGridDefinitionsValues(document.getElementById("gridWithCalcComplex"), "calc( 50% + 150px)", "calc(65% + 75px)");
16 testGridDefinitionsValues(document.getElementById("gridWithCalcInsideMinMax"), " minmax(10%, 15px)", "minmax(20px, 50%)");
17 testGridDefinitionsValues(document.getElementById("gridWithCalcComplexInsideMinM ax"), "minmax(10%, calc(50% + 15px))", "minmax(calc(20px + 10%), 50%)");
14 18
15 debug(""); 19 debug("");
16 debug("Test getting wrong values for grid-definition-columns and grid-definition -rows through CSS (they should resolve to the default: 'none')"); 20 debug("Test getting wrong values for grid-definition-columns and grid-definition -rows through CSS (they should resolve to the default: 'none')");
17 var gridWithFitContentElement = document.getElementById("gridWithFitContentEleme nt"); 21 var gridWithFitContentElement = document.getElementById("gridWithFitContentEleme nt");
18 testGridDefinitionsValues(gridWithFitContentElement, "none", "none"); 22 testGridDefinitionsValues(gridWithFitContentElement, "none", "none");
19 23
20 var gridWithFitAvailableElement = document.getElementById("gridWithFitAvailableE lement"); 24 var gridWithFitAvailableElement = document.getElementById("gridWithFitAvailableE lement");
21 testGridDefinitionsValues(gridWithFitAvailableElement, "none", "none"); 25 testGridDefinitionsValues(gridWithFitAvailableElement, "none", "none");
22 26
23 debug(""); 27 debug("");
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 element.style.gridDefinitionColumns = "initial"; 112 element.style.gridDefinitionColumns = "initial";
109 element.style.gridDefinitionRows = "initial"; 113 element.style.gridDefinitionRows = "initial";
110 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-definition-co lumns')", "'none'"); 114 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-definition-co lumns')", "'none'");
111 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-definition-ro ws')", "'none'"); 115 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-definition-ro ws')", "'none'");
112 116
113 document.body.removeChild(element); 117 document.body.removeChild(element);
114 } 118 }
115 debug(""); 119 debug("");
116 debug("Test setting grid-definition-columns and grid-definition-rows to 'initial ' through JS"); 120 debug("Test setting grid-definition-columns and grid-definition-rows to 'initial ' through JS");
117 testInitial(); 121 testInitial();
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set-multiple.js ('k') | LayoutTests/fast/css-grid-layout/resources/non-grid-columns-rows-get-set-multiple.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698