Index: LayoutTests/fast/css-grid-layout/grid-element-change-columns-repaint.html |
diff --git a/LayoutTests/fast/css-grid-layout/grid-element-change-columns-repaint.html b/LayoutTests/fast/css-grid-layout/grid-element-change-columns-repaint.html |
index 8bf14fd442fe611453781a39cd8362476f962a92..725cfbe879790634e97e65caf86741489a017d4c 100644 |
--- a/LayoutTests/fast/css-grid-layout/grid-element-change-columns-repaint.html |
+++ b/LayoutTests/fast/css-grid-layout/grid-element-change-columns-repaint.html |
@@ -8,7 +8,7 @@ if (window.testRunner) |
function repaintTest() |
{ |
var gridElement = document.getElementsByClassName("grid")[0]; |
- gridElement.style.gridDefinitionColumns = "minmax(50px, 180px) 100px 100px"; |
+ gridElement.style.gridTemplateColumns = "minmax(50px, 180px) 100px 100px"; |
} |
window.addEventListener("load", runRepaintTest, false); |
</script> |
@@ -20,15 +20,15 @@ body { |
.grid { |
width: -webkit-fit-content; |
- grid-definition-rows: 50px; |
- grid-definition-columns: minmax(100px, 180px) 100px minmax(50px, 100px); |
+ grid-template-rows: 50px; |
+ grid-template-columns: minmax(100px, 180px) 100px minmax(50px, 100px); |
} |
.sizedToGridArea { |
background-color: purple; |
} |
</style> |
<body> |
-<div> This test checks that changing the grid-definition-columns lead to a repaint. The final grid element should be 250px * 50px, the grid item should be 50px * 50px. No trace of the elements before the grid-definition-columns change should be seen.</div> |
+<div> This test checks that changing the grid-template-columns lead to a repaint. The final grid element should be 250px * 50px, the grid item should be 50px * 50px. No trace of the elements before the grid-template-columns change should be seen.</div> |
<div class="constrainedContainer"> |
<div class="grid"> |
<div class="sizedToGridArea"></div> |