tests passing

src/components/Audioplayer/ScrollButton/index.js

@@ -10,7 +10,7 @@ const ScrollButton = ({ shouldScroll, onScrollToggle }) => {
     <Tooltip id="scroll-button-tooltip">
       <LocaleFormattedMessage
         id="player.scrollButtonTip"
-        defaultMessage={'Automatically scrolls to the currently playing ayah on transitions...'}
+        defaultMessage="Automatically scrolls to the currently playing ayah on transitions..."
       />
     </Tooltip>
   );

src/components/Audioplayer/ScrollButton/spec.js

@@ -21,17 +21,17 @@ describe('<ScrollButton />', () => {
   it('should indicate that shouldScroll', () => {
     makeComponent(true);
 
-    expect(component.find('label').first().props().className).to.contain('scroll');
+    expect(component.find('a').first().props().className).to.contain('scroll');
   });
 
   it('should not indicate that shouldScroll', () => {
     makeComponent(false);
 
-    expect(component.find('label').first().props().className).not.to.contain('scroll');
+    expect(component.find('a').first().props().className).not.to.contain('scroll');
   });
 
   it('should call onScrollToggle when clicked', () => {
-    component.find('label').first().simulate('click');
+    component.find('a').first().simulate('click');
 
     expect(onScrollToggle).to.have.been.called; // eslint-disable-line
   });

src/components/ContentDropdown/index.js

@@ -533,8 +533,8 @@ export default class ContentDropdown extends Component {
         <ul className="dropdown-menu" aria-labelledby="reciters-dropdown">
           {
             content.length &&
-              <MenuItem eventKey={1} onClick={this.handleRemoveContent}>
-                <LocaleFormattedMessage id={'setting.translations.removeAll'} defaultMessage="Remove all" />
+              <MenuItem onClick={this.handleRemoveContent}>
+                <LocaleFormattedMessage id="setting.translations.removeAll" defaultMessage="Remove all" />
               </MenuItem>
           }
           <MenuItem header>

src/components/ContentDropdown/spec.js

@@ -48,7 +48,8 @@ describe('<ContentDropdown />', () => {
   });
 
   it('should remove all content', () => {
-    const removeAll = wrapper.find({ eventKey: 1 });
+    const removeAll = wrapper.find('a');
+
     expect(removeAll.html()).to.contain('Remove all');
 
     removeAll.simulate('click');

tests/helpers/intl-enzyme-test-helper.js

@@ -14,26 +14,26 @@ import { mount, shallow } from 'enzyme';
 
 
 // Create the IntlProvider to retrieve context for wrapping around.
-var intlProvider = new IntlProvider({ locale: 'en' }, {});
-var intl  = intlProvider.getChildContext();
+const intlProvider = new IntlProvider({ locale: 'en' }, {});
+const intl = intlProvider.getChildContext();
 
 /**
  * When using React-Intl `injectIntl` on components, props.intl is required.
  */
 function nodeWithIntlProp(node) {
-  return React.cloneElement(node,  intl );
+  return React.cloneElement(node, intl);
 }
 
 /**
  * Export these methods.
  */
 export function shallowWithIntl(node) {
-  return shallow(nodeWithIntlProp(node), { context: intl  });
+  return shallow(nodeWithIntlProp(node), { context: intl });
 }
 
 export function mountWithIntl(node) {
   return mount(nodeWithIntlProp(node), {
-    context: intl ,
+    context: intl,
     childContextTypes: { intl: intlShape }
   });
 }