Merge pull request #15 from python-discord/forms/add-form-page

Add specific form page

2 files changed, 12 insertions, 3 deletions

diff --git a/src/tests/components/FormListing.test.tsx b/src/tests/components/FormListing.test.tsx
index 4080f4d..82d1380 100644
--- a/src/tests/components/FormListing.test.tsx
+++ b/src/tests/components/FormListing.test.tsx
@@ -3,16 +3,18 @@ import { render } from '@testing-library/react';
 import FormListing from "../../components/FormListing";
 
 import { BrowserRouter as Router } from 'react-router-dom';
-import { Form } from '../../api/forms';
+import { AllFormsForm } from '../../api/forms';
 
-const openFormListing: Form = {
+const openFormListing: AllFormsForm = {
     title: "Example form listing",
+    id: "example-form-listing",
     description: "My form listing",
     open: true
 }
 
-const closedFormListing: Form = {
+const closedFormListing: AllFormsForm = {
     title: "Example form listing",
+    id: "example-form-listing",
     description: "My form listing",
     open: false
 }
diff --git a/src/tests/components/HeaderBar.test.tsx b/src/tests/components/HeaderBar.test.tsx
index 3567d7e..2e1f868 100644
--- a/src/tests/components/HeaderBar.test.tsx
+++ b/src/tests/components/HeaderBar.test.tsx
@@ -7,3 +7,10 @@ test('renders header bar with title', () => {
     const formListing = getByText(/Python Discord Forms/i);
     expect(formListing).toBeInTheDocument();
 });
+
+test('renders header bar with custom title', () => {
+    const { getByText } = render(<HeaderBar title="Testing title"/>);
+    const formListing = getByText(/Testing title/i);
+    expect(formListing).toBeInTheDocument();
+});
+