From 2c3160ef4e6ea471ee3dc94eaf6d94bf37fbeb8f Mon Sep 17 00:00:00 2001
From: Blake Krammes <49688912+blakekrammes@users.noreply.github.com>
Date: Mon, 16 Dec 2024 16:56:53 -0600
Subject: [PATCH] FIO-9245 DataGrid: Update test files to match changes in
 @formio/bootstrap - Fixes unpredictable width for datagrid buttons - See
 https://github.com/formio/bootstrap/pull/118

---
 test/renders/component-bootstrap-datagrid-multiple.html   | 4 ++--
 test/renders/component-bootstrap-datagrid-required.html   | 4 ++--
 test/renders/component-bootstrap-datagrid.html            | 4 ++--
 .../form-bootstrap-calculateValueWithManualOverride.html  | 4 ++--
 test/renders/form-bootstrap-data.html                     | 8 ++++----
 test/renders/form-bootstrap-defaults.html                 | 4 ++--
 test/renders/form-bootstrap-formWithCustomFormatDate.html | 4 ++--
 7 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/test/renders/component-bootstrap-datagrid-multiple.html b/test/renders/component-bootstrap-datagrid-multiple.html
index 67ea65ca24..f1d8a742f3 100644
--- a/test/renders/component-bootstrap-datagrid-multiple.html
+++ b/test/renders/component-bootstrap-datagrid-multiple.html
@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>
diff --git a/test/renders/component-bootstrap-datagrid-required.html b/test/renders/component-bootstrap-datagrid-required.html
index 243abad890..fd0637ec17 100644
--- a/test/renders/component-bootstrap-datagrid-required.html
+++ b/test/renders/component-bootstrap-datagrid-required.html
@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>
diff --git a/test/renders/component-bootstrap-datagrid.html b/test/renders/component-bootstrap-datagrid.html
index 00181761a3..a2b710bc2f 100644
--- a/test/renders/component-bootstrap-datagrid.html
+++ b/test/renders/component-bootstrap-datagrid.html
@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>
diff --git a/test/renders/form-bootstrap-calculateValueWithManualOverride.html b/test/renders/form-bootstrap-calculateValueWithManualOverride.html
index 424666d54a..28eb823002 100644
--- a/test/renders/form-bootstrap-calculateValueWithManualOverride.html
+++ b/test/renders/form-bootstrap-calculateValueWithManualOverride.html
@@ -65,8 +65,8 @@
                       <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
                     </div>
                   </td>
-                  <td class="col-1">
-                    <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+                  <td>
+                    <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                       <i class="fa fa-remove-circle bi bi-x-circle"></i>
                     </button>
                   </td>
diff --git a/test/renders/form-bootstrap-data.html b/test/renders/form-bootstrap-data.html
index 18383e24ae..df809de7ab 100644
--- a/test/renders/form-bootstrap-data.html
+++ b/test/renders/form-bootstrap-data.html
@@ -199,8 +199,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid2-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid2-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>
@@ -253,8 +253,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-conditionalDataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-conditionalDataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>
diff --git a/test/renders/form-bootstrap-defaults.html b/test/renders/form-bootstrap-defaults.html
index 23b9a47392..ea23f13b54 100644
--- a/test/renders/form-bootstrap-defaults.html
+++ b/test/renders/form-bootstrap-defaults.html
@@ -426,8 +426,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>
diff --git a/test/renders/form-bootstrap-formWithCustomFormatDate.html b/test/renders/form-bootstrap-formWithCustomFormatDate.html
index 04261ece63..45651bb41c 100644
--- a/test/renders/form-bootstrap-formWithCustomFormatDate.html
+++ b/test/renders/form-bootstrap-formWithCustomFormatDate.html
@@ -64,8 +64,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>