Bug 1895829 - Add ordinal to testcases in...

Bug 1895829 - Add ordinal to testcases in grid-auto-min-sizing-min-content-min-size-001.html and others. r=dholbert

With the ordinal numbers added, it is easier to discuss a specific test (when it
changes the behavior) in the future.

Differential Revision: https://phabricator.services.mozilla.com/D209904

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001-ref.html

@@ -51,7 +51,7 @@ for (var i = 0; i < coltest.length; ++i) {
   img.setAttribute("src","support/lime-24x2.png");
   img.setAttribute("style",coltest[i] + "; min-width:"+ results[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${coltest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-001.html

@@ -52,7 +52,7 @@ for (var i = 0; i < coltest.length; ++i) {
   img.setAttribute("src","support/lime-24x2.png");
   img.setAttribute("style",coltest[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${coltest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002-ref.html

@@ -55,7 +55,7 @@ for (var i = 0; i < coltest.length; ++i) {
   img.setAttribute("src","support/lime-24x2.png");
   img.setAttribute("style",coltest[i] + "; width:"+ item_width[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${coltest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-002.html

@@ -53,7 +53,7 @@ for (var i = 0; i < coltest.length; ++i) {
   img.setAttribute("src","support/lime-24x2.png");
   img.setAttribute("style",coltest[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("24x2.png -- "+coltest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${coltest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003-ref.html

@@ -52,7 +52,7 @@ for (var i = 0; i < rowtest.length; ++i) {
   img.setAttribute("src","support/lime-2x24.png");
   img.setAttribute("style",rowtest[i] + "; min-height:"+ results[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${rowtest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-003.html

@@ -51,7 +51,7 @@ for (var i = 0; i < rowtest.length; ++i) {
   img.setAttribute("src","support/lime-2x24.png");
   img.setAttribute("style",rowtest[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${rowtest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004-ref.html

@@ -53,7 +53,7 @@ for (var i = 0; i < rowtest.length; ++i) {
   img.setAttribute("src","support/lime-2x24.png");
   img.setAttribute("style",rowtest[i] + "; max-height:auto; height:"+ item_height[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${rowtest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));

layout/reftests/css-grid/grid-auto-min-sizing-min-content-min-size-004.html

@@ -52,7 +52,7 @@ for (var i = 0; i < rowtest.length; ++i) {
   img.setAttribute("src","support/lime-2x24.png");
   img.setAttribute("style",rowtest[i]);
   grid.appendChild(img);
-  document.body.appendChild(document.createTextNode("2x24.png -- "+rowtest[i]+'\n'));
+  document.body.appendChild(document.createTextNode(`Test ${i+1}: 24x2.png -- ${rowtest[i]}`));
   document.body.appendChild(document.createElement('br'));
   document.body.appendChild(grid);
   document.body.appendChild(document.createElement('br'));