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('', () => {
+ 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(, 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(, 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(, 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 = ({ className }) => {
const Element = icon.endsWith('.svg') ? Icon : 'img';
return (
-
+
);