Form tests - Phase 2

src/components/form/form_control_layout/__snapshots__/form_control_layout.test.js.snap

@@ -7,3 +7,52 @@ exports[`EuiFormControlLayout is rendered 1`] = `
   <input />
 </div>
 `;
+
+exports[`EuiFormControlLayout props fullWidth is rendered 1`] = `
+<div
+  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+/>
+`;
+
+exports[`EuiFormControlLayout props icon is rendered 1`] = `
+<div
+  class="euiFormControlLayout"
+>
+  <eui_icon
+    class="euiFormControlLayout__icon"
+    type="alert"
+  />
+</div>
+`;
+
+exports[`EuiFormControlLayout props iconSide left is rendered 1`] = `
+<div
+  class="euiFormControlLayout"
+>
+  <eui_icon
+    class="euiFormControlLayout__icon"
+    type="alert"
+  />
+</div>
+`;
+
+exports[`EuiFormControlLayout props iconSide right is rendered 1`] = `
+<div
+  class="euiFormControlLayout"
+>
+  <eui_icon
+    class="euiFormControlLayout__icon euiFormControlLayout__icon--right"
+    type="alert"
+  />
+</div>
+`;
+
+exports[`EuiFormControlLayout props isLoading is rendered 1`] = `
+<div
+  class="euiFormControlLayout"
+>
+  <eui_loading_spinner
+    class="euiFormControlLayout__loading"
+  />
+</div>
+`;

src/components/form/form_control_layout/form_control_layout.js

@@ -53,8 +53,10 @@ export const EuiFormControlLayout = ({ children, icon, fullWidth, iconSide, isLo
 EuiFormControlLayout.propTypes = {
   children: PropTypes.node,
   icon: PropTypes.string,
+  fullWidth: PropTypes.bool,
   iconSide: PropTypes.oneOf(ICON_SIDES),
   isLoading: PropTypes.bool,
+  className: PropTypes.string,
 };
 
 EuiFormControlLayout.defaultProps = {

src/components/form/form_control_layout/form_control_layout.test.js

@@ -1,7 +1,12 @@
 import React from 'react';
 import { render } from 'enzyme';
 
-import { EuiFormControlLayout } from './form_control_layout';
+import {
+  EuiFormControlLayout,
+  ICON_SIDES,
+} from './form_control_layout';
+
+jest.mock('../../', () => ({ EuiIcon: 'eui_icon', EuiLoadingSpinner: 'eui_loading_spinner' }));
 
 describe('EuiFormControlLayout', () => {
   test('is rendered', () => {
@@ -14,4 +19,46 @@ describe('EuiFormControlLayout', () => {
     expect(component)
       .toMatchSnapshot();
   });
+
+  describe('props', () => {
+    test('icon is rendered', () => {
+      const component = render(
+        <EuiFormControlLayout icon="alert"/>
+      );
+
+      expect(component)
+        .toMatchSnapshot();
+    });
+
+    describe('iconSide', () => {
+      ICON_SIDES.forEach(side => {
+        test(`${side} is rendered`, () => {
+          const component = render(
+            <EuiFormControlLayout icon="alert" iconSide={side}/>
+          );
+
+          expect(component)
+            .toMatchSnapshot();
+        });
+      });
+    });
+
+    test('isLoading is rendered', () => {
+      const component = render(
+        <EuiFormControlLayout isLoading/>
+      );
+
+      expect(component)
+        .toMatchSnapshot();
+    });
+
+    test('fullWidth is rendered', () => {
+      const component = render(
+        <EuiFormControlLayout fullWidth/>
+      );
+
+      expect(component)
+        .toMatchSnapshot();
+    });
+  });
 });

src/components/form/form_error_text/__snapshots__/form_error_text.test.js.snap

@@ -5,5 +5,7 @@ exports[`EuiFormErrorText is rendered 1`] = `
   aria-label="aria-label"
   class="euiFormErrorText testClass1 testClass2"
   data-test-subj="test subject string"
-/>
+>
+  This is an error.
+</div>
 `;

src/components/form/form_error_text/form_error_text.test.js

@@ -7,7 +7,9 @@ import { EuiFormErrorText } from './form_error_text';
 describe('EuiFormErrorText', () => {
   test('is rendered', () => {
     const component = render(
-      <EuiFormErrorText {...requiredProps} />
+      <EuiFormErrorText {...requiredProps}>
+        This is an error.
+      </EuiFormErrorText>
     );
 
     expect(component)

src/components/form/form_help_text/__snapshots__/form_help_text.test.js.snap

@@ -5,5 +5,7 @@ exports[`EuiFormHelpText is rendered 1`] = `
   aria-label="aria-label"
   class="euiFormHelpText testClass1 testClass2"
   data-test-subj="test subject string"
-/>
+>
+  This is help text.
+</div>
 `;

src/components/form/form_help_text/form_help_text.test.js

@@ -7,7 +7,9 @@ import { EuiFormHelpText } from './form_help_text';
 describe('EuiFormHelpText', () => {
   test('is rendered', () => {
     const component = render(
-      <EuiFormHelpText {...requiredProps} />
+      <EuiFormHelpText {...requiredProps}>
+        This is help text.
+      </EuiFormHelpText>
     );
 
     expect(component)