FIX Ensure tab is highlighted for validation error (#1751)

silverstripe · May 22, 2024 · 8dc91bd · 8dc91bd
1 parent 16f8e52
commit 8dc91bd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/code/Forms/FormMessageBootstrapAdapter.php b/code/Forms/FormMessageBootstrapAdapter.php
@@ -18,6 +18,7 @@ class FormMessageBootstrapExtension extends Extension
         'good' => 'alert-success',
         'bad' => 'alert-danger',
         'required' => 'alert-danger',
+        'validation' => 'alert-danger validation',
         'warning' => 'alert-warning',
     ];
 

diff --git a/tests/behat/features/multitab-validation.feature b/tests/behat/features/multitab-validation.feature
@@ -24,6 +24,12 @@ Feature: Multi-tab page validation icons
     When I press the "Save" button
     Then I can see the form validation error message
     Then I should not see an invalid tab icon on the "Second" tab
+    Then I should see an invalid tab icon on the "Third" tab
+    Then I should see an invalid tab icon on the "Fourth" tab
+    And I fill in "Third tab first field" with "abc@example.com"
+    When I press the "Save" button
+    Then I can see the form validation error message
+    Then I should not see an invalid tab icon on the "Second" tab
     Then I should not see an invalid tab icon on the "Third" tab
     Then I should see an invalid tab icon on the "Fourth" tab
     When I click on the "#tab-Root_Fourth" element