[Issue 1179] Search Page Boilerplate (#1197)

frontend/src/pages/search.tsx

@@ -0,0 +1,21 @@
+import type { GetStaticProps, NextPage } from "next";
+
+import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+
+const Search: NextPage = () => {
+  return <>Search Boilerplate</>;
+};
+
+// Change this to GetServerSideProps if you're using server-side rendering
+export const getStaticProps: GetStaticProps = async ({ locale }) => {
+  const translations = await serverSideTranslations(locale ?? "en");
+
+  // TODO: update the statement below with a feature flag check
+  const hideSearchPage = true;
+  // redirects to default 404 page
+  if (hideSearchPage) return { notFound: true };
+
+  return { props: { ...translations } };
+};
+
+export default Search;

frontend/stories/pages/search.stories.tsx

@@ -0,0 +1,10 @@
+import { Meta } from "@storybook/react";
+import Search from "src/pages/search";
+
+const meta: Meta<typeof Search> = {
+  title: "Pages/Search",
+  component: Search,
+};
+export default meta;
+
+export const Preview = {};

frontend/tests/pages/search.test.tsx

@@ -0,0 +1,12 @@
+import { render, waitFor } from "@testing-library/react";
+import { axe } from "jest-axe";
+import Search from "src/pages/search";
+
+describe("Search", () => {
+  it("passes accessibility scan", async () => {
+    const { container } = render(<Search />);
+    const results = await waitFor(() => axe(container));
+
+    expect(results).toHaveNoViolations();
+  });
+});