From 506b962421191776431e1e17d9f6cfe48601d1ed Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Tue, 17 May 2022 13:10:40 -0400
Subject: [PATCH] Improve Account test coverage

---
 .../components/__tests__/account.test.tsx     | 67 +++++++++++++++++++
 app/soapbox/components/verification_badge.tsx |  2 +-
 2 files changed, 68 insertions(+), 1 deletion(-)
 create mode 100644 app/soapbox/components/__tests__/account.test.tsx

diff --git a/app/soapbox/components/__tests__/account.test.tsx b/app/soapbox/components/__tests__/account.test.tsx
new file mode 100644
index 000000000..e7af7b8f0
--- /dev/null
+++ b/app/soapbox/components/__tests__/account.test.tsx
@@ -0,0 +1,67 @@
+import { Map as ImmutableMap } from 'immutable';
+import React from 'react';
+
+import { render, screen } from '../../jest/test-helpers';
+import { normalizeAccount } from '../../normalizers';
+import Account from '../account';
+
+describe('<Account />', () => {
+  it('renders account name and username', () => {
+    const account = normalizeAccount({
+      id: '1',
+      acct: 'justin-username',
+      display_name: 'Justin L',
+      avatar: 'test.jpg',
+    });
+
+    const store = {
+      accounts: ImmutableMap({
+        '1': account,
+      }),
+    };
+
+    render(<Account account={account} />, null, store);
+    expect(screen.getByTestId('account')).toHaveTextContent('Justin L');
+    expect(screen.getByTestId('account')).toHaveTextContent(/justin-username/i);
+  });
+
+  describe('verification badge', () => {
+    it('renders verification badge', () => {
+      const account = normalizeAccount({
+        id: '1',
+        acct: 'justin-username',
+        display_name: 'Justin L',
+        avatar: 'test.jpg',
+        verified: true,
+      });
+
+      const store = {
+        accounts: ImmutableMap({
+          '1': account,
+        }),
+      };
+
+      render(<Account account={account} />, null, store);
+      expect(screen.getByTestId('verified-badge')).toBeInTheDocument();
+    });
+
+    it('does not render verification badge', () => {
+      const account = normalizeAccount({
+        id: '1',
+        acct: 'justin-username',
+        display_name: 'Justin L',
+        avatar: 'test.jpg',
+        verified: false,
+      });
+
+      const store = {
+        accounts: ImmutableMap({
+          '1': account,
+        }),
+      };
+
+      render(<Account account={account} />, null, store);
+      expect(screen.queryAllByTestId('verified-badge')).toHaveLength(0);
+    });
+  });
+});
diff --git a/app/soapbox/components/verification_badge.tsx b/app/soapbox/components/verification_badge.tsx
index a35597c07..987b1ad8a 100644
--- a/app/soapbox/components/verification_badge.tsx
+++ b/app/soapbox/components/verification_badge.tsx
@@ -24,7 +24,7 @@ const VerificationBadge: React.FC<IVerificationBadge> = ({ className }) => {
   const Element = icon.endsWith('.svg') ? Icon : 'img';
 
   return (
-    <span className='verified-icon'>
+    <span className='verified-icon' data-testid='verified-badge'>
       <Element className={classNames('w-4 text-accent-500', className)} src={icon} alt={intl.formatMessage(messages.verified)} />
     </span>
   );