diff --git a/app/soapbox/containers/__tests__/soapbox.test.js b/app/soapbox/containers/__tests__/soapbox.test.js
new file mode 100644
index 000000000..4c152dc33
--- /dev/null
+++ b/app/soapbox/containers/__tests__/soapbox.test.js
@@ -0,0 +1,45 @@
+import React from 'react';
+
+import { __stub as stub } from 'soapbox/api';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
+
+import Soapbox from '../soapbox';
+
+describe('', () => {
+ describe('without a user or instance', () => {
+ beforeEach(() => {
+ stub(mock => {
+ mock.onGet('/api/v1/instance').reply(404, '');
+ });
+ });
+
+ it('renders external login', async() => {
+ render();
+
+ await waitFor(() => {
+ expect(location.href.endsWith('/login/external')).toBeTruthy();
+ expect(screen.getByTestId('external-login')).toBeInTheDocument();
+ });
+
+ });
+ });
+
+ describe('without a user', () => {
+ beforeEach(() => {
+ stub(mock => {
+ mock.onGet('/api/v1/instance')
+ .reply(200, require('soapbox/__fixtures__/pleroma-instance.json'));
+ });
+ });
+
+ it('renders the homepage', async() => {
+ render();
+
+ waitFor(() => {
+ expect(screen.getByTestId('homepage')).toBeInTheDocument();
+ expect(screen.getByText('Gleasonator')).toBeInTheDocument();
+ expect(screen.getByText('Speak freely.')).toBeInTheDocument();
+ });
+ });
+ });
+});
diff --git a/app/soapbox/containers/soapbox.tsx b/app/soapbox/containers/soapbox.tsx
index 03923be5c..a7223dde1 100644
--- a/app/soapbox/containers/soapbox.tsx
+++ b/app/soapbox/containers/soapbox.tsx
@@ -123,7 +123,7 @@ const SoapboxMount = () => {
return (
-
+
{themeCss &&