From a81577bcf6834b5ecc07376b77d96829d5c0744f Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 15 Jan 2023 13:07:42 -0600
Subject: [PATCH] Test public layout header

---
 .../components/__tests__/header.test.tsx      | 32 +++++++++++++++++++
 .../public-layout/components/header.tsx       |  2 +-
 2 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 app/soapbox/features/public-layout/components/__tests__/header.test.tsx

diff --git a/app/soapbox/features/public-layout/components/__tests__/header.test.tsx b/app/soapbox/features/public-layout/components/__tests__/header.test.tsx
new file mode 100644
index 000000000..d69198efa
--- /dev/null
+++ b/app/soapbox/features/public-layout/components/__tests__/header.test.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+
+import { storeOpen, storePepeOpen } from 'soapbox/jest/mock-stores';
+import { render, screen } from 'soapbox/jest/test-helpers';
+
+import Header from '../header';
+
+describe('<Header />', () => {
+  it('successfully renders', () => {
+    render(<Header />);
+    expect(screen.getByTestId('public-layout-header')).toBeInTheDocument();
+  });
+
+  it('doesn\'t display the signup button by default', () => {
+    render(<Header />);
+    expect(screen.queryByText('Register')).not.toBeInTheDocument();
+  });
+
+  describe('with registrations enabled', () => {
+    it('displays the signup button', () => {
+      render(<Header />, undefined, storeOpen);
+      expect(screen.getByText('Register')).toBeInTheDocument();
+    });
+  });
+
+  describe('with registrations closed, Pepe enabled', () => {
+    it('displays the signup button', () => {
+      render(<Header />, undefined, storePepeOpen);
+      expect(screen.getByText('Register')).toBeInTheDocument();
+    });
+  });
+});
\ No newline at end of file
diff --git a/app/soapbox/features/public-layout/components/header.tsx b/app/soapbox/features/public-layout/components/header.tsx
index ad3accc83..e771fe5cd 100644
--- a/app/soapbox/features/public-layout/components/header.tsx
+++ b/app/soapbox/features/public-layout/components/header.tsx
@@ -65,7 +65,7 @@ const Header = () => {
   if (mfaToken) return <Redirect to={`/login?token=${encodeURIComponent(mfaToken)}`} />;
 
   return (
-    <header>
+    <header data-testid='public-layout-header'>
       <nav className='max-w-7xl mx-auto px-4 sm:px-6 lg:px-8' aria-label='Header'>
         <div className='w-full py-6 flex items-center justify-between border-b border-indigo-500 lg:border-none'>
           <div className='flex items-center sm:justify-center relative w-36'>