Bug 1452598 [wpt PR 10032] - [css-align] Use actual prefixed properties in the grid-* gutter tests, a=testonly
authorManuel Rego Casasnovas <rego@igalia.com>
Mon, 09 Apr 2018 16:54:41 +0000
changeset 467058 fe9dd9822343409af2e41b5dcc45a5ca1f2f203f
parent 467057 4c3bf4ab9425a584709a668a47aac973263d7986
child 467059 96b3ba50a093042ca4ab42d0a64df6a0209b9237
push id9165
push userasasaki@mozilla.com
push dateThu, 26 Apr 2018 21:04:54 +0000
treeherdermozilla-beta@064c3804de2e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1452598, 10032
milestone61.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1452598 [wpt PR 10032] - [css-align] Use actual prefixed properties in the grid-* gutter tests, a=testonly Automatic update from web-platform-testsMerge pull request #10032 from mrego/css-align-prefix-gutter [css-align] Use actual prefixed properties in the grid-* gutter tests wpt-commits: e3d85cec3b11ef2b9c878eddff0cd2d44809c1ef wpt-pr: 10032 wpt-commits: e3d85cec3b11ef2b9c878eddff0cd2d44809c1ef wpt-pr: 10032
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-align/gaps/grid-column-gap-parsing-001.html
testing/web-platform/tests/css/css-align/gaps/grid-gap-parsing-001.html
testing/web-platform/tests/css/css-align/gaps/grid-row-gap-parsing-001.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -482547,25 +482547,25 @@
    "e2c2dc0ed64e3c8e70959c64108cbb798ea49827",
    "testharness"
   ],
   "css/css-align/gaps/gap-parsing-001.html": [
    "7eb55e0a8b04384aebfbb5a47922c5b33f93270c",
    "testharness"
   ],
   "css/css-align/gaps/grid-column-gap-parsing-001.html": [
-   "31a29cbd8dac93c33ef27ee951887044839f30be",
+   "6faca8cad74d38f301d9e3c210ae577d6d7355b5",
    "testharness"
   ],
   "css/css-align/gaps/grid-gap-parsing-001.html": [
-   "44b91c01c80f083f39176353251170dd045a7dcf",
+   "0bc6b1cdca28b009b52b5e8b11bf97b44d7df71e",
    "testharness"
   ],
   "css/css-align/gaps/grid-row-gap-parsing-001.html": [
-   "eb7e93b634f53006578a6836046c900e2dcd1fa2",
+   "07f8d219fb1457a1a035587f4f0bda7278a913a8",
    "testharness"
   ],
   "css/css-align/gaps/row-gap-animation-001.html": [
    "c7aa90cd3b586b6fd8f81d190895ecc56643b8c1",
    "testharness"
   ],
   "css/css-align/gaps/row-gap-animation-002.html": [
    "e5c9a9eb63a876798a79a5260486668b4fca53e2",
--- a/testing/web-platform/tests/css/css-align/gaps/grid-column-gap-parsing-001.html
+++ b/testing/web-platform/tests/css/css-align/gaps/grid-column-gap-parsing-001.html
@@ -1,32 +1,32 @@
 <!DOCTYPE html>
 <meta charset="utf-8">
-<title>CSS Box Alignment Test: column-gap parsing</title>
+<title>CSS Box Alignment Test: grid-column-gap parsing</title>
 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
 <link rel="help" href="https://www.w3.org/TR/css-align-3/#gap-legacy">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <style>
-  .columnGapPx { column-gap: 12px; }
-  #columnGapEm { column-gap: 2em; font: 10px/1 Monospace; }
-  #columnGapVw { column-gap: 2vw; }
-  #columnGapPercent { column-gap: 15%; }
-  #columnGapCalc { column-gap: calc(10px + 4px); }
-  #columnGapCalcFixedPercent { column-gap: calc(5px + 10%); }
-  .columnGapInitial { column-gap: initial; }
-  .columnGapInherit { column-gap: inherit; }
+  .columnGapPx { grid-column-gap: 12px; }
+  #columnGapEm { grid-column-gap: 2em; font: 10px/1 Monospace; }
+  #columnGapVw { grid-column-gap: 2vw; }
+  #columnGapPercent { grid-column-gap: 15%; }
+  #columnGapCalc { grid-column-gap: calc(10px + 4px); }
+  #columnGapCalcFixedPercent { grid-column-gap: calc(5px + 10%); }
+  .columnGapInitial { grid-column-gap: initial; }
+  .columnGapInherit { grid-column-gap: inherit; }
 
-  #invalidColumnGapNegative { column-gap: -10px; }
-  #invalidColumnGapMaxContent { column-gap: max-content; }
-  #invalidColumnGapNone { column-gap: none; }
-  #invalidColumnGapMultiple { column-gap: 10px 1px; }
-  #invalidColumnGapAngle { column-gap: 3rad; }
-  #invalidColumnGapResolution { column-gap: 2dpi; }
-  #invalidColumnGapTime { column-gap: 200ms; }
+  #invalidColumnGapNegative { grid-column-gap: -10px; }
+  #invalidColumnGapMaxContent { grid-column-gap: max-content; }
+  #invalidColumnGapNone { grid-column-gap: none; }
+  #invalidColumnGapMultiple { grid-column-gap: 10px 1px; }
+  #invalidColumnGapAngle { grid-column-gap: 3rad; }
+  #invalidColumnGapResolution { grid-column-gap: 2dpi; }
+  #invalidColumnGapTime { grid-column-gap: 200ms; }
 </style>
 <body>
   <div id="log"></div>
 
   <div id="default"></div>
   <div id="columnGapPx" class="columnGapPx"></div>
   <div id="columnGapEm"></div>
   <div id="columnGapVw"></div>
@@ -50,102 +50,102 @@
   <div id="invalidColumnGapResolution"></div>
   <div id="invalidColumnGapTime"></div>
 
   <script>
     test(
       function(){
         var target = document.getElementById("default");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Default column-gap is 'normal'");
+      }, "Default grid-column-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("columnGapPx");
         assert_equals(getComputedStyle(target).columnGap, "12px");
-      }, "column-gap accepts pixels");
+      }, "grid-column-gap accepts pixels");
     test(
       function(){
         var target = document.getElementById("columnGapEm");
         assert_equals(getComputedStyle(target).columnGap, "20px");
-      }, "column-gap accepts em");
+      }, "grid-column-gap accepts em");
     test(
       function(){
         var target = document.getElementById("columnGapVw");
         // The columnGap size would depend on the viewport width, so to make the test pass
         // in any window size we just check it's not "normal".
         assert_not_equals(getComputedStyle(target).columnGap, "normal");
-      }, "column-gap accepts vw");
+      }, "grid-column-gap accepts vw");
     test(
       function(){
         var target = document.getElementById("columnGapPercent");
         assert_equals(getComputedStyle(target).columnGap, "15%");
-      }, "column-gap accepts percentage");
+      }, "grid-column-gap accepts percentage");
     test(
       function(){
         var target = document.getElementById("columnGapCalc");
         assert_equals(getComputedStyle(target).columnGap, "14px");
-      }, "column-gap accepts calc()");
+      }, "grid-column-gap accepts calc()");
     test(
       function(){
         var target = document.getElementById("columnGapCalcFixedPercent");
         assert_equals(getComputedStyle(target).columnGap, "calc(5px + 10%)");
-      }, "column-gap accepts calc() mixing fixed and percentage values");
+      }, "grid-column-gap accepts calc() mixing fixed and percentage values");
     test(
       function(){
         var target = document.getElementById("columnGapInitial");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Initial column-gap is 'normal'");
+      }, "Initial grid-column-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("columnGapInitialPx");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Initial column-gap is 'normal' 2");
+      }, "Initial grid-column-gap is 'normal' 2");
     test(
       function(){
         var target = document.getElementById("columnGapInherit");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Initial inherited column-gap is 'normal'");
+      }, "Initial inherited grid-column-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("columnGapInheritPx");
         assert_equals(getComputedStyle(target).columnGap, "12px");
-      }, "column-gap is inheritable");
+      }, "grid-column-gap is inheritable");
 
 
     test(
       function(){
         var target = document.getElementById("invalidColumnGapNegative");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Negative column-gap is invalid");
+      }, "Negative grid-column-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidColumnGapMaxContent");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "'max-content' column-gap is invalid");
+      }, "'max-content' grid-column-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidColumnGapNone");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "'none' column-gap is invalid");
+      }, "'none' grid-column-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidColumnGapMultiple");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "column-gap with multiple values is invalid");
+      }, "grid-column-gap with multiple values is invalid");
     test(
       function(){
         var target = document.getElementById("invalidColumnGapAngle");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Angle column-gap is invalid");
+      }, "Angle grid-column-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidColumnGapResolution");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Resolution column-gap is invalid");
+      }, "Resolution grid-column-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidColumnGapTime");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Time column-gap is invalid");
+      }, "Time grid-column-gap is invalid");
   </script>
 </body>
 
 
--- a/testing/web-platform/tests/css/css-align/gaps/grid-gap-parsing-001.html
+++ b/testing/web-platform/tests/css/css-align/gaps/grid-gap-parsing-001.html
@@ -67,168 +67,168 @@
   <div id="invalidGridGapOneWrong"></div>
 
   <script>
     test(
       function(){
         var target = document.getElementById("default");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Default gap is 'normal'");
+      }, "Default grid-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("gapPx");
         assert_equals(getComputedStyle(target).rowGap, "12px");
         assert_equals(getComputedStyle(target).columnGap, "12px");
-      }, "gap accepts pixels");
+      }, "grid-gap accepts pixels");
     test(
       function(){
         var target = document.getElementById("gapPxTwo");
         assert_equals(getComputedStyle(target).rowGap, "12px");
         assert_equals(getComputedStyle(target).columnGap, "8px");
-      }, "gap accepts pixels 2");
+      }, "grid-gap accepts pixels 2");
     test(
       function(){
         var target = document.getElementById("gapPxPercent");
         assert_equals(getComputedStyle(target).rowGap, "12px");
         assert_equals(getComputedStyle(target).columnGap, "10%");
-      }, "gap accepts pixels combined with percentage");
+      }, "grid-gap accepts pixels combined with percentage");
     test(
       function(){
         var target = document.getElementById("gapEm");
         assert_equals(getComputedStyle(target).rowGap, "20px");
         assert_equals(getComputedStyle(target).columnGap, "20px");
-      }, "gap accepts em");
+      }, "grid-gap accepts em");
     test(
       function(){
         var target = document.getElementById("gapEmTwo");
         assert_equals(getComputedStyle(target).rowGap, "20px");
         assert_equals(getComputedStyle(target).columnGap, "40px");
-      }, "gap accepts em 2");
+      }, "grid-gap accepts em 2");
     test(
       function(){
         var target = document.getElementById("gapVw");
         // The gap size would depend on the viewport width, so to make the test pass
         // in any window size we just check it's not "normal".
         assert_not_equals(getComputedStyle(target).rowGap, "normal");
         assert_not_equals(getComputedStyle(target).columnGap, "normal");
-      }, "gap accepts vw");
+      }, "grid-gap accepts vw");
     test(
       function(){
         var target = document.getElementById("gapVwTwo");
         // The gap size would depend on the viewport width, so to make the test pass
         // in any window size we just check it's not "normal".
         assert_not_equals(getComputedStyle(target).rowGap, "normal");
         assert_not_equals(getComputedStyle(target).columnGap, "normal");
-      }, "gap accepts vw and vh");
+      }, "grid-gap accepts vw and vh");
     test(
       function(){
         var target = document.getElementById("gapPercent");
         assert_equals(getComputedStyle(target).rowGap, "15%");
         assert_equals(getComputedStyle(target).columnGap, "15%");
-      }, "gap accepts percentage");
+      }, "grid-gap accepts percentage");
     test(
       function(){
         var target = document.getElementById("gapPercentTwo");
         assert_equals(getComputedStyle(target).rowGap, "15%");
         assert_equals(getComputedStyle(target).columnGap, "10%");
-      }, "gap accepts percentage 2");
+      }, "grid-gap accepts percentage 2");
     test(
       function(){
         var target = document.getElementById("gapCalc");
         assert_equals(getComputedStyle(target).rowGap, "14px");
         assert_equals(getComputedStyle(target).columnGap, "14px");
-      }, "gap accepts calc()");
+      }, "grid-gap accepts calc()");
     test(
       function(){
         var target = document.getElementById("gapCalcFixedPercent");
         assert_equals(getComputedStyle(target).rowGap, "calc(5px + 10%)");
         assert_equals(getComputedStyle(target).columnGap, "calc(5px + 10%)");
-      }, "gap accepts calc() mixing fixed and percentage values");
+      }, "grid-gap accepts calc() mixing fixed and percentage values");
     test(
       function(){
         var target = document.getElementById("gapCalcTwo");
         assert_equals(getComputedStyle(target).rowGap, "14px");
         assert_equals(getComputedStyle(target).columnGap, "12px");
-      }, "gap accepts calc() 2");
+      }, "grid-gap accepts calc() 2");
     test(
       function(){
         var target = document.getElementById("gapInitial");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Initial gap is 'normal'");
+      }, "Initial grid-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("gapInitialPx");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Initial gap is 'normal' 2");
+      }, "Initial grid-gap is 'normal' 2");
     test(
       function(){
         var target = document.getElementById("gapInherit");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Initial inherited gap is 'normal'");
+      }, "Initial inherited grid-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("gapInheritPx");
         assert_equals(getComputedStyle(target).rowGap, "12px");
         assert_equals(getComputedStyle(target).columnGap, "12px");
-      }, "gap is inheritable");
+      }, "grid-gap is inheritable");
 
     test(
       function(){
         var target = document.getElementById("invalidGridGapNegative");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Negative gap is invalid");
+      }, "Negative grid-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapMaxContent");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "'max-content' gap is invalid");
+      }, "'max-content' grid-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapNone");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "'none' gap is invalid");
+      }, "'none' grid-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapAngle");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Angle gap is invalid");
+      }, "Angle grid-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapResolution");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Resolution gap is invalid");
+      }, "Resolution grid-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapTime");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "Time gap is invalid");
+      }, "Time grid-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapThree");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "gap with three values is invalid");
+      }, "grid-gap with three values is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapSlash");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "gap with slash is invalid");
+      }, "grid-gap with slash is invalid");
     test(
       function(){
         var target = document.getElementById("invalidGridGapOneWrong");
         assert_equals(getComputedStyle(target).rowGap, "normal");
         assert_equals(getComputedStyle(target).columnGap, "normal");
-      }, "gap with one wrong value is invalid");
+      }, "grid-gap with one wrong value is invalid");
   </script>
 </body>
 
 
--- a/testing/web-platform/tests/css/css-align/gaps/grid-row-gap-parsing-001.html
+++ b/testing/web-platform/tests/css/css-align/gaps/grid-row-gap-parsing-001.html
@@ -1,32 +1,32 @@
 <!DOCTYPE html>
 <meta charset="utf-8">
-<title>CSS Box Alignment Test: row-gap parsing</title>
+<title>CSS Box Alignment Test: grid-row-gap parsing</title>
 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
 <link rel="help" href="https://www.w3.org/TR/css-align-3/#gap-legacy">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <style>
-  .rowGapPx { row-gap: 12px; }
-  #rowGapEm { row-gap: 2em; font: 10px/1 Monospace; }
-  #rowGapVw { row-gap: 2vw; }
-  #rowGapPercent { row-gap: 15%; }
-  #rowGapCalc { row-gap: calc(10px + 4px); }
-  #rowGapCalcFixedPercent { row-gap: calc(5px + 10%); }
-  .rowGapInitial { row-gap: initial; }
-  .rowGapInherit { row-gap: inherit; }
+  .rowGapPx { grid-row-gap: 12px; }
+  #rowGapEm { grid-row-gap: 2em; font: 10px/1 Monospace; }
+  #rowGapVw { grid-row-gap: 2vw; }
+  #rowGapPercent { grid-row-gap: 15%; }
+  #rowGapCalc { grid-row-gap: calc(10px + 4px); }
+  #rowGapCalcFixedPercent { grid-row-gap: calc(5px + 10%); }
+  .rowGapInitial { grid-row-gap: initial; }
+  .rowGapInherit { grid-row-gap: inherit; }
 
-  #invalidRowGapNegative { row-gap: -10px; }
-  #invalidRowGapMaxContent { row-gap: max-content; }
-  #invalidRowGapNone { row-gap: none; }
-  #invalidRowGapMultiple { row-gap: 10px 1px; }
-  #invalidRowGapAngle { row-gap: 3rad; }
-  #invalidRowGapResolution { row-gap: 2dpi; }
-  #invalidRowGapTime { row-gap: 200ms; }
+  #invalidRowGapNegative { grid-row-gap: -10px; }
+  #invalidRowGapMaxContent { grid-row-gap: max-content; }
+  #invalidRowGapNone { grid-row-gap: none; }
+  #invalidRowGapMultiple { grid-row-gap: 10px 1px; }
+  #invalidRowGapAngle { grid-row-gap: 3rad; }
+  #invalidRowGapResolution { grid-row-gap: 2dpi; }
+  #invalidRowGapTime { grid-row-gap: 200ms; }
 </style>
 <body>
   <div id="log"></div>
 
   <div id="default"></div>
   <div id="rowGapPx" class="rowGapPx"></div>
   <div id="rowGapEm"></div>
   <div id="rowGapVw"></div>
@@ -50,102 +50,102 @@
   <div id="invalidRowGapResolution"></div>
   <div id="invalidRowGapTime"></div>
 
   <script>
     test(
       function(){
         var target = document.getElementById("default");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Default row-gap is 'normal'");
+      }, "Default grid-row-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("rowGapPx");
         assert_equals(getComputedStyle(target).rowGap, "12px");
-      }, "row-gap accepts pixels");
+      }, "grid-row-gap accepts pixels");
     test(
       function(){
         var target = document.getElementById("rowGapEm");
         assert_equals(getComputedStyle(target).rowGap, "20px");
-      }, "row-gap accepts em");
+      }, "grid-row-gap accepts em");
     test(
       function(){
         var target = document.getElementById("rowGapVw");
         // The rowGap size would depend on the viewport width, so to make the test pass
         // in any window size we just check it's not "normal".
         assert_not_equals(getComputedStyle(target).rowGap, "normal");
-      }, "row-gap accepts vw");
+      }, "grid-row-gap accepts vw");
     test(
       function(){
         var target = document.getElementById("rowGapPercent");
         assert_equals(getComputedStyle(target).rowGap, "15%");
-      }, "row-gap accepts percentage");
+      }, "grid-row-gap accepts percentage");
     test(
       function(){
         var target = document.getElementById("rowGapCalc");
         assert_equals(getComputedStyle(target).rowGap, "14px");
-      }, "row-gap accepts calc()");
+      }, "grid-row-gap accepts calc()");
     test(
       function(){
         var target = document.getElementById("rowGapCalcFixedPercent");
         assert_equals(getComputedStyle(target).rowGap, "calc(5px + 10%)");
-      }, "row-gap accepts calc() mixing fixed and percentage values");
+      }, "grid-row-gap accepts calc() mixing fixed and percentage values");
     test(
       function(){
         var target = document.getElementById("rowGapInitial");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Initial row-gap is 'normal'");
+      }, "Initial grid-row-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("rowGapInitialPx");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Initial row-gap is 'normal' 2");
+      }, "Initial grid-row-gap is 'normal' 2");
     test(
       function(){
         var target = document.getElementById("rowGapInherit");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Initial inherited row-gap is 'normal'");
+      }, "Initial inherited grid-row-gap is 'normal'");
     test(
       function(){
         var target = document.getElementById("rowGapInheritPx");
         assert_equals(getComputedStyle(target).rowGap, "12px");
-      }, "row-gap is inheritable");
+      }, "grid-row-gap is inheritable");
 
 
     test(
       function(){
         var target = document.getElementById("invalidRowGapNegative");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Negative row-gap is invalid");
+      }, "Negative grid-row-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidRowGapMaxContent");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "'max-content' row-gap is invalid");
+      }, "'max-content' grid-row-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidRowGapNone");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "'none' row-gap is invalid");
+      }, "'none' grid-row-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidRowGapMultiple");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "row-gap with multiple values is invalid");
+      }, "grid-row-gap with multiple values is invalid");
     test(
       function(){
         var target = document.getElementById("invalidRowGapAngle");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Angle row-gap is invalid");
+      }, "Angle grid-row-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidRowGapResolution");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Resolution row-gap is invalid");
+      }, "Resolution grid-row-gap is invalid");
     test(
       function(){
         var target = document.getElementById("invalidRowGapTime");
         assert_equals(getComputedStyle(target).rowGap, "normal");
-      }, "Time row-gap is invalid");
+      }, "Time grid-row-gap is invalid");
   </script>
 </body>