diff --git a/spec/javascript/components/avatar.test.jsx b/spec/javascript/components/avatar.test.jsx
index f69b538a2..79b7d02f4 100644
--- a/spec/javascript/components/avatar.test.jsx
+++ b/spec/javascript/components/avatar.test.jsx
@@ -3,8 +3,8 @@ import { render } from 'enzyme';
import Avatar from '../../../app/assets/javascripts/components/components/avatar'
-describe('', function() {
- it('renders an img with the given src', function() {
+describe('', () => {
+ it('renders an img with the given src', () => {
const src = '/path/to/image.jpg';
const wrapper = render();
expect(wrapper.find(`img[src="${src}"]`)).to.have.length(1);
diff --git a/spec/javascript/components/button.test.jsx b/spec/javascript/components/button.test.jsx
index 5610e67dd..0f16ebe8e 100644
--- a/spec/javascript/components/button.test.jsx
+++ b/spec/javascript/components/button.test.jsx
@@ -4,8 +4,8 @@ import sinon from 'sinon';
import Button from '../../../app/assets/javascripts/components/components/button'
-describe('', function() {
- it('simulates click events', function() {
+describe('', () => {
+ it('simulates click events', () => {
const onClick = sinon.spy();
const wrapper = shallow();
wrapper.find('button').simulate('click');
diff --git a/spec/javascript/components/loading_indicator.test.jsx b/spec/javascript/components/loading_indicator.test.jsx
index e62288405..7039dbfbd 100644
--- a/spec/javascript/components/loading_indicator.test.jsx
+++ b/spec/javascript/components/loading_indicator.test.jsx
@@ -3,8 +3,8 @@ import { shallow } from 'enzyme';
import LoadingIndicator from '../../../app/assets/javascripts/components/components/loading_indicator'
-describe('', function() {
- it('renders text that indicates loading', function() {
+describe('', () => {
+ it('renders text that indicates loading', () => {
const wrapper = shallow();
expect(wrapper.text()).to.match(/loading/i);
});