diff --git a/components/badge/badge.js b/components/badge/badge.js
index 6aaa19f1..a7a10bc5 100644
--- a/components/badge/badge.js
+++ b/components/badge/badge.js
@@ -30,7 +30,7 @@ const Badge = ({ arrow, border, children, mods, position, title, visible, ...oth
         {border && <div className="ui-badge__border" />}
         {arrow && (position === 'right' || position === 'left') ? <span className="ui-badge-badge-arrow" /> : null}
       </div>
-    ) : <noscript />;
+    ) : null;
   }
 
   if (!children) {
diff --git a/tests/jest.config.json b/tests/jest.config.json
index 47ad8502..3d7269af 100644
--- a/tests/jest.config.json
+++ b/tests/jest.config.json
@@ -21,7 +21,7 @@
   ],
   "rootDir": "../",
   "setupFiles": [
-    "<rootDir>/tests/setupTests.js"
+    "./tests/setupTests.js"
   ],
   "snapshotSerializers": [
     "enzyme-to-json/serializer"
diff --git a/tests/unit/badge/__snapshots__/badge.spec.js.snap b/tests/unit/badge/__snapshots__/badge.spec.js.snap
index e20fea94..29383725 100644
--- a/tests/unit/badge/__snapshots__/badge.spec.js.snap
+++ b/tests/unit/badge/__snapshots__/badge.spec.js.snap
@@ -13,7 +13,6 @@ exports[`Badge should render content without badge when badge is not visible 1`]
   className="ui-badge"
 >
   Badge Content
-  <noscript />
 </div>
 `;
 
diff --git a/tests/unit/dropDown/__snapshots__/dropDown.render.spec.js.snap b/tests/unit/dropDown/__snapshots__/dropDown.render.spec.js.snap
index 5bdad002..6edff1c4 100644
--- a/tests/unit/dropDown/__snapshots__/dropDown.render.spec.js.snap
+++ b/tests/unit/dropDown/__snapshots__/dropDown.render.spec.js.snap
@@ -1,1452 +1,635 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DropDown: render should return base dropdown with passed array value 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
-  value={Array []}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      value={Array []}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single has-value"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-5--value"
-          >
-            <Value
-              disabled={false}
-              id="react-select-5--value-item"
-              instancePrefix="react-select-5-"
-              onClick={null}
-              value={Array []}
-            >
-              <div
-                className="Select-value"
-              >
-                <span
-                  aria-selected="true"
-                  className="Select-value-label"
-                  id="react-select-5--value-item"
-                  role="option"
-                />
-              </div>
-            </Value>
-            <div
-              aria-activedescendant="react-select-5--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    value={Array []}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return base dropdown with passed number value 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
-  value={1}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      value={1}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-4--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-4--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    value={1}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return base dropdown with passed string value 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
-  value="testValue"
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      value="testValue"
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-3--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-3--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    value="testValue"
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return base dropdown with required fields 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-2--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-2--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return clearable dropdown 1`] = `
-<DropDown
-  clearable={true}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={true}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single is-clearable"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-6--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-6--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={true}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return dropdown with icon 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  icon="iconClass"
-  multi={false}
-  onChange={[Function]}
-  options={
-    Array [
-      Object {
-        "checked": true,
-        "label": "One",
-        "value": "one",
-      },
-      Object {
-        "checked": false,
-        "label": "Two",
-        "value": "two",
-      },
-    ]
-  }
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={
-        Array [
-          Object {
-            "checked": true,
-            "label": "One",
-            "value": "one",
-          },
-          Object {
-            "checked": false,
-            "label": "Two",
-            "value": "two",
-          },
-        ]
-      }
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={[Function]}
-    >
-      <div
-        className="Select ui-dropdown Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-13--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-13--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={[Function]}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return dropdown with passed name 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  name="testName"
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      name="testName"
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-8--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-8--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    name="testName"
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return dropdown with shifting viewport enabled 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={true}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={true}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-9--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-9--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={true}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return dropdown with status 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
-  status="error"
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown ui-dropdown_error"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown ui-dropdown_error Select--single"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-12--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-12--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown ui-dropdown_error"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return filter dropdown 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={true}
-  multi={false}
-  onChange={[Function]}
-  options={
-    Array [
-      Object {
-        "checked": true,
-      },
-    ]
-  }
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown ui-dropdown_filter ui-dropdown_state-active"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={true}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={
-        Array [
-          Object {
-            "checked": true,
-          },
-        ]
-      }
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown ui-dropdown_filter ui-dropdown_state-active Select--multi"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-11--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-11--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown ui-dropdown_filter ui-dropdown_state-active"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={true}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={
+      Array [
+        Object {
+          "checked": true,
+        },
+      ]
+    }
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return multi dropdown 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={true}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={false}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={true}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={false}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--multi"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-7--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <div
-              aria-activedescendant="react-select-7--value"
-              aria-expanded={false}
-              aria-owns=""
-              aria-readonly="false"
-              className="Select-input"
-              onBlur={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              style={
-                Object {
-                  "border": 0,
-                  "display": "inline-block",
-                  "width": 1,
-                }
-              }
-              tabIndex={0}
-            />
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={true}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={false}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
 
 exports[`DropDown: render should return searchable dropdown 1`] = `
-<DropDown
-  clearable={false}
-  filterMode={false}
-  multi={false}
-  onChange={[Function]}
-  options={Array []}
-  placeholder=""
-  scrollMenuIntoView={false}
-  searchable={true}
->
-  <div>
-    <Select
-      addLabelText="Add \\"{label}\\"?"
-      arrowRenderer={[Function]}
-      autosize={true}
-      backspaceRemoves={true}
-      backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="ui-dropdown"
-      clearAllText="Clear all"
-      clearRenderer={[Function]}
-      clearValueText="Clear value"
-      clearable={false}
-      closeOnSelect={true}
-      deleteRemoves={true}
-      delimiter=","
-      disabled={false}
-      escapeClearsValue={true}
-      filterOptions={[Function]}
-      ignoreAccents={true}
-      ignoreCase={true}
-      inputProps={Object {}}
-      isLoading={false}
-      joinValues={false}
-      labelKey="label"
-      matchPos="any"
-      matchProp="any"
-      menuBuffer={0}
-      menuRenderer={[Function]}
-      multi={false}
-      noResultsText="No results found"
-      onBlurResetsInput={true}
-      onChange={[Function]}
-      onCloseResetsInput={true}
-      onSelectResetsInput={true}
-      openOnClick={true}
-      optionComponent={[Function]}
-      options={Array []}
-      pageSize={5}
-      placeholder=""
-      required={false}
-      scrollMenuIntoView={false}
-      searchable={true}
-      simpleValue={false}
-      tabSelectsValue={true}
-      valueComponent={[Function]}
-      valueKey="value"
-      valueRenderer={null}
-    >
-      <div
-        className="Select ui-dropdown Select--single is-searchable"
-      >
-        <div
-          className="Select-control"
-          onKeyDown={[Function]}
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-        >
-          <span
-            className="Select-multi-value-wrapper"
-            id="react-select-10--value"
-          >
-            <div
-              className="Select-placeholder"
-            />
-            <AutosizeInput
-              aria-activedescendant="react-select-10--value"
-              aria-expanded="false"
-              aria-haspopup="false"
-              aria-owns=""
-              className="Select-input"
-              minWidth="5"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              required={false}
-              role="combobox"
-              value=""
-            >
-              <div
-                className="Select-input"
-                style={
-                  Object {
-                    "display": "inline-block",
-                  }
-                }
-              >
-                <style
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "input#undefined::-ms-clear {display: none;}",
-                    }
-                  }
-                />
-                <input
-                  aria-activedescendant="react-select-10--value"
-                  aria-expanded="false"
-                  aria-haspopup="false"
-                  aria-owns=""
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onFocus={[Function]}
-                  required={false}
-                  role="combobox"
-                  style={
-                    Object {
-                      "boxSizing": "content-box",
-                      "width": "5px",
-                    }
-                  }
-                  value=""
-                />
-                <div
-                  style={
-                    Object {
-                      "height": 0,
-                      "left": 0,
-                      "overflow": "scroll",
-                      "position": "absolute",
-                      "top": 0,
-                      "visibility": "hidden",
-                      "whiteSpace": "pre",
-                    }
-                  }
-                />
-              </div>
-            </AutosizeInput>
-          </span>
-          <span
-            className="Select-arrow-zone"
-            onMouseDown={[Function]}
-          >
-            <span
-              className="Select-arrow"
-              onMouseDown={[Function]}
-            />
-          </span>
-        </div>
-      </div>
-    </Select>
-  </div>
-</DropDown>
+<div>
+  <Select
+    addLabelText="Add \\"{label}\\"?"
+    arrowRenderer={[Function]}
+    autosize={true}
+    backspaceRemoves={true}
+    backspaceToRemoveMessage="Press backspace to remove {label}"
+    className="ui-dropdown"
+    clearAllText="Clear all"
+    clearRenderer={[Function]}
+    clearValueText="Clear value"
+    clearable={false}
+    closeOnSelect={true}
+    deleteRemoves={true}
+    delimiter=","
+    disabled={false}
+    escapeClearsValue={true}
+    filterOptions={[Function]}
+    ignoreAccents={true}
+    ignoreCase={true}
+    inputProps={Object {}}
+    isLoading={false}
+    joinValues={false}
+    labelKey="label"
+    matchPos="any"
+    matchProp="any"
+    menuBuffer={0}
+    menuRenderer={[Function]}
+    multi={false}
+    noResultsText="No results found"
+    onBlurResetsInput={true}
+    onChange={[Function]}
+    onCloseResetsInput={true}
+    onSelectResetsInput={true}
+    openOnClick={true}
+    optionComponent={[Function]}
+    options={Array []}
+    pageSize={5}
+    placeholder=""
+    required={false}
+    scrollMenuIntoView={false}
+    searchable={true}
+    simpleValue={false}
+    tabSelectsValue={true}
+    valueComponent={[Function]}
+    valueKey="value"
+    valueRenderer={null}
+  />
+</div>
 `;
diff --git a/tests/unit/dropDown/dropDown.render.spec.js b/tests/unit/dropDown/dropDown.render.spec.js
index 72a440e0..9e209ab1 100644
--- a/tests/unit/dropDown/dropDown.render.spec.js
+++ b/tests/unit/dropDown/dropDown.render.spec.js
@@ -1,10 +1,10 @@
-import { mount, shallow } from 'enzyme';
+import { shallow } from 'enzyme';
 import React from 'react';
 import DropDown from '../../../components/dropDown/dropDown';
 
 describe('DropDown: render', () => {
   it('should return base dropdown with required fields', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -14,7 +14,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return base dropdown with passed string value', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -25,7 +25,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return base dropdown with passed number value', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -36,7 +36,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return base dropdown with passed array value', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -47,7 +47,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return clearable dropdown', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         clearable
         onChange={() => {}}
@@ -58,7 +58,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return multi dropdown', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         multi
         onChange={() => {}}
@@ -69,7 +69,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return dropdown with passed name', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         name="testName"
         onChange={() => {}}
@@ -80,7 +80,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return dropdown with shifting viewport enabled', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -91,7 +91,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return searchable dropdown', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -102,7 +102,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return filter dropdown', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         filterMode
         onChange={() => {}}
@@ -113,7 +113,7 @@ describe('DropDown: render', () => {
   });
 
   it('should return dropdown with status', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         onChange={() => {}}
         options={[]}
@@ -124,19 +124,13 @@ describe('DropDown: render', () => {
   });
 
   it('should return dropdown with icon', () => {
-    const component = mount(
+    const component = shallow(
       <DropDown
         icon="iconClass"
         onChange={() => {}}
-        options={[{ checked: true, label: 'One', value: 'one' }, { checked: false, label: 'Two', value: 'two' }]}
+        options={[]}
       />
     );
-
-    component
-      .find('.Select-arrow')
-      .at(0)
-      .simulate('mousedown', {});
-
     expect(component).toMatchSnapshot();
   });
 });