fix(select): className option is passed to select and overrides selectClassName (#872)

Author: gugu

packages/select/index.tsx

@@ -343,6 +343,7 @@ export default class Select<
     const {
       selectClassName,
       /* eslint-disable */
+      className,
       floatingLabelClassName,
       lineRippleClassName,
       notchedOutlineClassName,

test/unit/select/index.test.tsx

@@ -403,6 +403,16 @@ test('renders BaseSelect for select', () => {
   );
 });
 
+test('does not pass className to BaseSelect', () => {
+  const wrapper = shallow(<Select label='my label' className="container-class" />);
+  assert.equal(wrapper.childAt(0).childAt(1).prop('className'), "");
+});
+
+test('pass selectClassName to BaseSelect', () => {
+  const wrapper = shallow(<Select label='my label' selectClassName="select-class" />);
+  assert.equal(wrapper.childAt(0).childAt(1).prop('className'), "select-class");
+});
+
 test('renders FloatingLabel after BaseSelect if props.label exists', () => {
   const wrapper = shallow(<Select label='my label' />);
   assert.equal(