form-text is a div in place of a small tag

Author: sdebacker

src/Elements/FormText.php

@@ -15,11 +15,11 @@ public function __construct(private readonly string $message)
 
     public function render(): string
     {
-        $html = '<small';
+        $html = '<div';
         $html .= $this->renderAttributes();
         $html .= '>';
         $html .= $this->message;
 
-        return $html.'</small>';
+        return $html.'</div>';
     }
 }

tests/BasicFormBuilderTest.php

@@ -65,7 +65,7 @@ public function test_render_text_group_with_error_and_custom_form_text(): void
 
         $this->builder->setErrorStore($errorStore);
 
-        $expected = '<div class="mb-3"><label for="email" class="form-label">Email</label><input type="text" name="email" class="form-control is-invalid" id="email"><div class="invalid-feedback">Email is required.</div><small class="form-text">some custom text</small></div>';
+        $expected = '<div class="mb-3"><label for="email" class="form-label">Email</label><input type="text" name="email" class="form-control is-invalid" id="email"><div class="invalid-feedback">Email is required.</div><div class="form-text">some custom text</div></div>';
         $result = $this->form->text('Email', 'email')->formText('some custom text')->render();
         $this->assertEquals($expected, $result);
     }
@@ -702,7 +702,7 @@ public function test_render_number_group_with_error_and_custom_form_text(): void
 
         $this->builder->setErrorStore($errorStore);
 
-        $expected = '<div class="mb-3"><label for="number" class="form-label">Number</label><input type="number" name="number" class="form-control is-invalid" id="number"><div class="invalid-feedback">Number is required.</div><small class="form-text">some custom text</small></div>';
+        $expected = '<div class="mb-3"><label for="number" class="form-label">Number</label><input type="number" name="number" class="form-control is-invalid" id="number"><div class="invalid-feedback">Number is required.</div><div class="form-text">some custom text</div></div>';
         $result = $this->form->number('Number', 'number')->formText('some custom text')->render();
         $this->assertEquals($expected, $result);
     }

tests/CheckGroupTest.php

@@ -97,7 +97,7 @@ public function test_renders_with_form_text(): void
 
         $result = $checkGroup->render();
 
-        $this->assertEquals('<div class="form-check"><input type="checkbox" name="accept" value="1" class="form-check-input"><label class="form-check-label">Accept</label><small class="form-text">Required to continue.</small></div>', $result);
+        $this->assertEquals('<div class="form-check"><input type="checkbox" name="accept" value="1" class="form-check-input"><label class="form-check-label">Accept</label><div class="form-text">Required to continue.</div></div>', $result);
     }
 
     public function test_magic_call_delegates_to_control(): void

tests/FormGroupTest.php

@@ -83,7 +83,7 @@ public function test_can_render_with_form_text(): void
         $formGroup = new FormGroup($label, $text);
         $formGroup->formText('Email is required.');
 
-        $expected = '<div class="mb-3"><label class="form-label">Email</label><input type="text" name="email"><small class="form-text">Email is required.</small></div>';
+        $expected = '<div class="mb-3"><label class="form-label">Email</label><input type="text" name="email"><div class="form-text">Email is required.</div></div>';
         $result = $formGroup->render();
         $this->assertEquals($expected, $result);
     }

tests/FormTextTest.php

@@ -15,13 +15,13 @@ public function test_can_render_basic_form_text(): void
     {
         $formText = new FormText('Email is required.');
 
-        $expected = '<small class="form-text">Email is required.</small>';
+        $expected = '<div class="form-text">Email is required.</div>';
         $result = $formText->render();
         $this->assertEquals($expected, $result);
 
         $formText = new FormText('First name is required.');
 
-        $expected = '<small class="form-text">First name is required.</small>';
+        $expected = '<div class="form-text">First name is required.</div>';
         $result = $formText->render();
         $this->assertEquals($expected, $result);
     }

tests/GroupWrapperTest.php

@@ -159,7 +159,7 @@ public function test_form_text_delegates_to_form_group(): void
         $wrapper = $this->makeWrapper();
         $wrapper->formText('Enter your email address.');
 
-        $this->assertStringContainsString('<small class="form-text">Enter your email address.</small>', $wrapper->render());
+        $this->assertStringContainsString('<div class="form-text">Enter your email address.</div>', $wrapper->render());
     }
 
     public function test_form_text_returns_self_for_chaining(): void

tests/HorizontalFormGroupTest.php

@@ -89,9 +89,9 @@ public function test_renders_form_text_inside_control_column(): void
 
         $result = $group->render();
 
-        $this->assertStringContainsString('<small class="form-text">We will never share your email.</small>', $result);
+        $this->assertStringContainsString('<div class="form-text">We will never share your email.</div>', $result);
         $controlDivPos = strpos($result, '<div class="col-lg-10">');
-        $formTextPos = strpos($result, '<small class="form-text">');
+        $formTextPos = strpos($result, '<div class="form-text">');
         $this->assertGreaterThan($controlDivPos, $formTextPos, 'Form text must be inside the control column div');
     }