6 files changed, 36 insertions, 2 deletions
diff --git a/web-ui/src/login/error/auth_error.js b/web-ui/src/login/error/auth_error.js
index ceeaf42b..5dbbc3e7 100644
--- a/web-ui/src/login/error/auth_error.js
+++ b/web-ui/src/login/error/auth_error.js
@@ -18,7 +18,7 @@
 import React from 'react';
 import { translate } from 'react-i18next';
 
-import './auth-error.scss';
+import './auth_error.scss';
 
 export const AuthError = ({ t }) => (
   <p className='auth-error'>{t('error.auth')}</p>
diff --git a/web-ui/src/login/error/auth-error.scss b/web-ui/src/login/error/auth_error.scss
index f6256be4..f6256be4 100644
--- a/web-ui/src/login/error/auth-error.scss
+++ b/web-ui/src/login/error/auth_error.scss
diff --git a/web-ui/src/login/error/auth_error.spec.js b/web-ui/src/login/error/auth_error.spec.js
new file mode 100644
index 00000000..55d8920f
--- /dev/null
+++ b/web-ui/src/login/error/auth_error.spec.js
@@ -0,0 +1,17 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { AuthError } from 'src/login/error/auth_error';
+
+describe('AuthError', () => {
+  let authError;
+  const mockTranslations = key => key;
+
+  beforeEach(() => {
+    authError = shallow(<AuthError t={mockTranslations} />);
+  });
+
+  it('renders error message', () => {
+    expect(authError.find('.auth-error').length).toEqual(1);
+  });
+});
diff --git a/web-ui/src/login/error/generic_error.js b/web-ui/src/login/error/generic_error.js
index 023e1bcf..b233d5bb 100644
--- a/web-ui/src/login/error/generic_error.js
+++ b/web-ui/src/login/error/generic_error.js
@@ -18,7 +18,7 @@
 import React from 'react';
 import { translate } from 'react-i18next';
 
-import './generic-error.scss';
+import './generic_error.scss';
 
 export const GenericError = ({ t }) => (
   <div className='generic-error'>
diff --git a/web-ui/src/login/error/generic-error.scss b/web-ui/src/login/error/generic_error.scss
index 5a077f32..5a077f32 100644
--- a/web-ui/src/login/error/generic-error.scss
+++ b/web-ui/src/login/error/generic_error.scss
diff --git a/web-ui/src/login/error/generic_error.spec.js b/web-ui/src/login/error/generic_error.spec.js
new file mode 100644
index 00000000..1ef8349d
--- /dev/null
+++ b/web-ui/src/login/error/generic_error.spec.js
@@ -0,0 +1,17 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { GenericError } from 'src/login/error/generic_error';
+
+describe('GenericError', () => {
+  let genericError;
+  const mockTranslations = key => key;
+
+  beforeEach(() => {
+    genericError = shallow(<GenericError t={mockTranslations} />);
+  });
+
+  it('renders error message', () => {
+    expect(genericError.find('.generic-error').length).toEqual(1);
+  });
+});