diff --git a/frontend/src/__test__/components/OpeningsTab.test.tsx b/frontend/src/__test__/components/OpeningsTab.test.tsx
new file mode 100644
index 00000000..c81f3901
--- /dev/null
+++ b/frontend/src/__test__/components/OpeningsTab.test.tsx
@@ -0,0 +1,50 @@
+// src/__test__/components/SilvicultureSearch/Openings/OpeningsSearchBar.test.tsx
+
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { vi } from "vitest";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import OpeningsTab from "../../../src/components/OpeningsTab";
+import { Provider } from "react-redux";
+import store from "../../store";
+
+describe("OpeningsTab", () => {
+ // Create a new QueryClient instance for each test
+ const queryClient = new QueryClient();
+ const showSpatial = false
+ const setShowSpatial = vi.fn()
+
+ it("renders the component successfully", () => {
+ render(
+
+
+
+
+
+ );
+ // Check if the component is present with the correct text
+ const searchInput = screen.getByText(/Track the history of openings you have looked at and check spatial information by selecting the openings in the table below/i);
+ expect(searchInput).toBeInTheDocument();
+ });
+
+ it("shows the spatial area with Hide Spatial Button", () => {
+ render(
+
+
+
+
+
+ );
+ console.log(screen.debug())
+ // Check if the component is present with the correct text
+ const searchInput = screen.getByRole('button', { name: /Hide Spatial/i });
+ expect(searchInput).toBeInTheDocument();
+ });
+});
\ No newline at end of file