Improving test coverage

src/components/Form/test.js

@@ -42,8 +42,13 @@ describe('Form', () => {
       const component = shallow(
         <Form t={ translate } syntaxes={ syntaxes } onSubmit={ onSubmit }/>
       );
+
+      const exprInput = component.find('[name="expr"]');
+      const syntaxInput = component.find('[name="syntax"]');
+      exprInput.simulate('change', { target: { name: 'expr', value: 'Test expression' } });
+      syntaxInput.simulate('change', { target: { name: 'syntax', value: 'test' } });
+
       const eventObj = { preventDefault: jest.fn() };
-      component.setState({ syntax: 'test', expr: 'Test expression' });
       component.find('form').simulate('submit', eventObj);
 
       expect(eventObj.preventDefault).toHaveBeenCalled();

src/components/LocaleSwitcher/__snapshots__/test.js.snap

@@ -11,7 +11,20 @@ exports[`LocaleSwitcher rendering 1`] = `
     <select
       onChange={[Function]}
       value="en"
-    />
+    >
+      <option
+        key="en"
+        value="en"
+      >
+        /displayName
+      </option>
+      <option
+        key="fr"
+        value="fr"
+      >
+        /displayName
+      </option>
+    </select>
     <SvgMock />
   </div>
 </label>

src/components/LocaleSwitcher/index.js

@@ -26,8 +26,6 @@ class LocaleSwitcher extends React.PureComponent {
     current: localeToAvailable(i18n.language || '', Object.keys(locales), 'en')
   }
 
-  localeSelector = React.createRef()
-
   componentDidMount() {
     i18n.on('languageChanged', this.handleLanguageChange);
   }
@@ -36,8 +34,8 @@ class LocaleSwitcher extends React.PureComponent {
     i18n.off('languageChanged', this.handleLanguageChange);
   }
 
-  handleSelectChange = () => {
+  handleSelectChange = ({ target }) => {
-    i18n.changeLanguage(this.localeSelector.current.value);
+    i18n.changeLanguage(target.value);
   }
 
   handleLanguageChange = lang => {
@@ -50,7 +48,7 @@ class LocaleSwitcher extends React.PureComponent {
     return <label>
       <Trans>Language</Trans>
       <div className={ style.switcher }>
-        <select value={ current } ref={ this.localeSelector } onChange={ this.handleSelectChange }>
+        <select value={ current } onChange={ this.handleSelectChange }>
           { Object.keys(locales).map(locale => (
             <option value={ locale } key={ locale }>{ i18n.getFixedT(locale)('/displayName') }</option>
           )) }

src/components/LocaleSwitcher/test.js

@@ -1,4 +1,8 @@
 jest.mock('components/SVG');
+jest.mock('locales', () => ({
+  en: {},
+  fr: {}
+}));
 
 import React from 'react';
 import { shallow } from 'enzyme';
@@ -13,4 +17,15 @@ describe('LocaleSwitcher', () => {
     );
     expect(component).toMatchSnapshot();
   });
+
+  test('changing language', () => {
+    const component = shallow(
+      <LocaleSwitcher t={ translate }/>
+    );
+    const selectInput = component.find('select');
+    selectInput.value = 'fr';
+    selectInput.simulate('change', { target: { value: 'fr' } });
+
+    expect(component.state('current')).toEqual('fr');
+  });
 });