From c465e68f67962f7565b4eb4aec534b6697681078 Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Mon, 4 Apr 2022 15:58:23 -0400
Subject: [PATCH] Add tests for LoginForm

---
 .../components/__tests__/login_form.test.js   | 20 ++++++++++++++-----
 .../auth_login/components/login_form.js       |  1 +
 jest.config.js                                |  1 +
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/soapbox/features/auth_login/components/__tests__/login_form.test.js b/app/soapbox/features/auth_login/components/__tests__/login_form.test.js
index 2260e3387..ac1c52930 100644
--- a/app/soapbox/features/auth_login/components/__tests__/login_form.test.js
+++ b/app/soapbox/features/auth_login/components/__tests__/login_form.test.js
@@ -1,31 +1,41 @@
 import { Map as ImmutableMap } from 'immutable';
 import React from 'react';
 
-import { render, screen } from '../../../../jest/test-helpers';
+import { fireEvent, render, screen } from '../../../../jest/test-helpers';
 import LoginForm from '../login_form';
 
 describe('<LoginForm />', () => {
   it('renders for Pleroma', () => {
+    const mockFn = jest.fn();
     const store = {
       instance: ImmutableMap({
         version: '2.7.2 (compatible; Pleroma 2.3.0)',
       }),
     };
 
-    render(<LoginForm />, null, store);
+    render(<LoginForm handleSubmit={mockFn} isLoading={false} />, null, store);
 
-    expect(screen.getByRole('heading')).toHaveTextContent('Sign In');
+    expect(screen.getByRole('heading')).toHaveTextContent(/sign in/i);
   });
 
   it('renders for Mastodon', () => {
+    const mockFn = jest.fn();
     const store = {
       instance: ImmutableMap({
         version: '3.0.0',
       }),
     };
 
-    render(<LoginForm />, null, store);
+    render(<LoginForm handleSubmit={mockFn} isLoading={false} />, null, store);
 
-    expect(screen.getByRole('heading')).toHaveTextContent('Sign In');
+    expect(screen.getByRole('heading')).toHaveTextContent(/sign in/i);
+  });
+
+  it('responds to the handleSubmit prop', () => {
+    const mockFn = jest.fn();
+    render(<LoginForm handleSubmit={mockFn} isLoading={false} />);
+    fireEvent.submit(screen.getByTestId(/button/i));
+
+    expect(mockFn).toHaveBeenCalledTimes(1);
   });
 });
diff --git a/app/soapbox/features/auth_login/components/login_form.js b/app/soapbox/features/auth_login/components/login_form.js
index a5c8df5df..965473c25 100644
--- a/app/soapbox/features/auth_login/components/login_form.js
+++ b/app/soapbox/features/auth_login/components/login_form.js
@@ -66,6 +66,7 @@ const LoginForm = ({ isLoading, handleSubmit }) => {
               required
             />
           </FormGroup>
+
           <FormActions>
             <Button
               theme='primary'
diff --git a/jest.config.js b/jest.config.js
index 3e7e62a67..7b36443e5 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -29,6 +29,7 @@ module.exports = {
     '<rootDir>/node_modules',
     '<rootDir>/app',
   ],
+  'testMatch': ['**/*/__tests__/**/?(*.|*-)+(test).(ts|js)?(x)'],
   'testEnvironment': 'jsdom',
   'moduleNameMapper': {
     '^.+.(css|styl|less|sass|scss|png|jpg|svg|ttf|woff|woff2)$': 'jest-transform-stub',