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

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

Issue 2033033002: [css-grid] Percentage columns can always be resolved during layout (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Minor fixes on tests Created 4 years, 6 months 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
OLDNEW
1 description('Test that setting and getting grid-template-columns and grid-templa te-rows works as expected'); 1 description('Test that setting and getting grid-template-columns and grid-templa te-rows works as expected');
2 2
3 debug("Test getting |grid-template-columns| and |grid-template-rows| set through CSS"); 3 debug("Test getting |grid-template-columns| and |grid-template-rows| set through CSS");
4 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), "7px 11px", "17px 2px"); 4 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), "7px 11px", "17px 2px");
5 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "42 4px 792px", "162px 312px"); 5 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "40 0px 800px", "162px 312px");
6 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSize"), "7px 0px", "11px 0px"); 6 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSize"), "3.5px 7px", "11px 0px");
7 testGridDefinitionsValues(document.getElementById("gridWithAutoElement"), "0px 1 7px", "0px 3px"); 7 testGridDefinitionsValues(document.getElementById("gridWithAutoElement"), "0px 1 7px", "0px 3px");
8 testGridDefinitionsValues(document.getElementById("gridWithEMElement"), "100px 1 20px", "150px 170px"); 8 testGridDefinitionsValues(document.getElementById("gridWithEMElement"), "100px 1 20px", "150px 170px");
9 testGridDefinitionsValues(document.getElementById("gridWithThreeItems"), "15px 0 px 100px", "120px 18px 0px"); 9 testGridDefinitionsValues(document.getElementById("gridWithThreeItems"), "15px 0 px 100px", "120px 18px 0px");
10 testGridDefinitionsValues(document.getElementById("gridWithPercentAndViewportPer cent"), "400px 120px", "210px 168px"); 10 testGridDefinitionsValues(document.getElementById("gridWithPercentAndViewportPer cent"), "400px 120px", "210px 168px");
11 testGridDefinitionsValues(document.getElementById("gridWithFitContentAndFitAvail able"), "none", "none"); 11 testGridDefinitionsValues(document.getElementById("gridWithFitContentAndFitAvail able"), "none", "none");
12 testGridDefinitionsValues(document.getElementById("gridWithMinMaxContent"), "0px 0px", "0px 0px"); 12 testGridDefinitionsValues(document.getElementById("gridWithMinMaxContent"), "0px 0px", "0px 0px");
13 testGridDefinitionsValues(document.getElementById("gridWithMinMaxContentWithChil drenElement"), "7px 17px", "11px 3px"); 13 testGridDefinitionsValues(document.getElementById("gridWithMinMaxContentWithChil drenElement"), "7px 17px", "11px 3px");
14 testGridDefinitionsValues(document.getElementById("gridWithMinMaxAndFixed"), "24 0px 15px", "120px 210px"); 14 testGridDefinitionsValues(document.getElementById("gridWithMinMaxAndFixed"), "24 0px 15px", "120px 210px");
15 testGridDefinitionsValues(document.getElementById("gridWithMinMaxAndMinMaxConten t"), "240px 15px", "120px 210px"); 15 testGridDefinitionsValues(document.getElementById("gridWithMinMaxAndMinMaxConten t"), "240px 15px", "120px 210px");
16 testGridDefinitionsValues(document.getElementById("gridWithFractionFraction"), " 320px 480px", "225px 375px"); 16 testGridDefinitionsValues(document.getElementById("gridWithFractionFraction"), " 320px 480px", "225px 375px");
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
105 element.style.gridTemplateColumns = "initial"; 105 element.style.gridTemplateColumns = "initial";
106 element.style.gridTemplateRows = "initial"; 106 element.style.gridTemplateRows = "initial";
107 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-template-colu mns')", "'none'"); 107 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-template-colu mns')", "'none'");
108 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-template-rows ')", "'none'"); 108 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-template-rows ')", "'none'");
109 109
110 document.body.removeChild(element); 110 document.body.removeChild(element);
111 } 111 }
112 debug(""); 112 debug("");
113 debug("Test setting grid-template-columns and grid-template-rows to 'initial' th rough JS"); 113 debug("Test setting grid-template-columns and grid-template-rows to 'initial' th rough JS");
114 testInitial(); 114 testInitial();
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698