diff --git a/app/soapbox/components/__tests__/autosuggest_emoji-test.js b/app/soapbox/components/__tests__/autosuggest_emoji.test.js
similarity index 100%
rename from app/soapbox/components/__tests__/autosuggest_emoji-test.js
rename to app/soapbox/components/__tests__/autosuggest_emoji.test.js
diff --git a/app/soapbox/components/account.tsx b/app/soapbox/components/account.tsx
index 21178d5e46..3288127a16 100644
--- a/app/soapbox/components/account.tsx
+++ b/app/soapbox/components/account.tsx
@@ -125,7 +125,7 @@ const Account = ({
const LinkEl: any = showProfileHoverCard ? Link : 'div';
return (
-
+
', () => {
+ it('successfully renders', async() => {
+ render();
+ expect(screen.getByLabelText('Search')).toBeInTheDocument();
+ });
+
+ it('handles onChange', async() => {
+ __stub(mock => {
+ mock.onGet('/api/v1/accounts/search').reply(200, [{ id: 1 }]);
+ });
+ const user = userEvent.setup();
+
+ render();
+
+ await user.type(screen.getByLabelText('Search'), '@jus');
+
+ expect(screen.getByLabelText('Search')).toHaveValue('@jus');
+ expect(screen.getByTestId('account')).toBeInTheDocument();
+ });
+});
diff --git a/app/soapbox/jest/test-setup.ts b/app/soapbox/jest/test-setup.ts
index b3100425ce..82beb982a4 100644
--- a/app/soapbox/jest/test-setup.ts
+++ b/app/soapbox/jest/test-setup.ts
@@ -8,3 +8,6 @@ afterEach(() => clearApiMocks());
// Mock external dependencies
jest.mock('uuid', () => ({ v4: jest.fn(() => 1) }));
+
+const intersectionObserverMock = () => ({ observe: () => null, disconnect: () => null });
+window.IntersectionObserver = jest.fn().mockImplementation(intersectionObserverMock);