feat(FormField): pass required to the control (#917)

Semantic-Org · Nov 22, 2016 · 0551527 · 0551527
1 parent 37f4468
commit 0551527
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/collections/Form/FormField.js b/src/collections/Form/FormField.js
@@ -56,7 +56,7 @@ function FormField(props) {
   // ----------------------------------------
   // Checkbox/Radio Control
   // ----------------------------------------
-  const controlProps = { ...rest, children, type }
+  const controlProps = { ...rest, children, required, type }
 
   // wrap HTML checkboxes/radios in the label
   if (control === 'input' && (type === 'checkbox' || type === 'radio')) {

diff --git a/test/specs/collections/Form/FormField-test.js b/test/specs/collections/Form/FormField-test.js
@@ -27,6 +27,18 @@ describe('FormField', () => {
     })
   })
 
+  describe('required', () => {
+    it('is passed to the control', () => {
+      const wrapper = shallow(<FormField control='input' required />)
+
+      wrapper.should.have.exactly(1).descendants('input')
+
+      wrapper
+        .find('input')
+        .should.have.prop('required', true)
+    })
+  })
+
   describe('label', () => {
     it('is not added as a child by default', () => {
       shallow(<FormField />)