From 72cf326542ddb7b22c434b96fc0eab02bee9ebad Mon Sep 17 00:00:00 2001
From: Sabella-8 <gsabella549@gmail.com>
Date: Thu, 21 Mar 2024 22:31:33 +0000
Subject: [PATCH 1/3] test for Feature Search State

---
 .../Search/__test__/featureSearchState.test.jsx   | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/components/Search/__test__/featureSearchState.test.jsx

diff --git a/src/components/Search/__test__/featureSearchState.test.jsx b/src/components/Search/__test__/featureSearchState.test.jsx
new file mode 100644
index 0000000..3c93930
--- /dev/null
+++ b/src/components/Search/__test__/featureSearchState.test.jsx
@@ -0,0 +1,15 @@
+import Search from "../Search";
+import { render, screen, fireEvent } from "@testing-library/react";
+
+test("Given a searchInput", () => {
+  render(<Search search={() => {}} />);
+  const inputElement = screen.getByPlaceholderText("Customer name");
+  expect(inputElement).toBeInTheDocument();
+});
+
+test("When I type in the field", () => {
+  render(<Search search={() => {}} />);
+  const inputElement = screen.getByPlaceholderText("Customer name");
+  fireEvent.change(inputElement, { target: { value: "search for customer" } });
+  expect(inputElement.value).toBe("search for customer");
+});

From 23688858a901db79ba3ab3cb3eff4002dad00a92 Mon Sep 17 00:00:00 2001
From: Sabella-8 <gsabella549@gmail.com>
Date: Mon, 25 Mar 2024 22:04:22 +0000
Subject: [PATCH 2/3] Feature on Submit

---
 src/components/Search/Search.jsx              |  6 ++++-
 .../__test__/featureSearchOnSubmit.test.jsx   | 22 +++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Search/__test__/featureSearchOnSubmit.test.jsx

diff --git a/src/components/Search/Search.jsx b/src/components/Search/Search.jsx
index 9f5d6fb..7e2670a 100644
--- a/src/components/Search/Search.jsx
+++ b/src/components/Search/Search.jsx
@@ -18,7 +18,11 @@ const Search = (props) => {
       <header className="search__header">
         <h4 className="search__heading heading">Search Bookings</h4>
       </header>
-      <form className="search__form" onSubmit={onSubmitHandler}>
+      <form
+        data-testid="form"
+        className="search__form"
+        onSubmit={onSubmitHandler}
+      >
         <label className="search__label" htmlFor="customerName">
           &rarr;
         </label>
diff --git a/src/components/Search/__test__/featureSearchOnSubmit.test.jsx b/src/components/Search/__test__/featureSearchOnSubmit.test.jsx
new file mode 100644
index 0000000..19b66cf
--- /dev/null
+++ b/src/components/Search/__test__/featureSearchOnSubmit.test.jsx
@@ -0,0 +1,22 @@
+import { render, screen, fireEvent } from "@testing-library/react";
+import Search from "../Search";
+import Bookings from "../../Bookings/Bookings";
+
+test("Given a searchInput field with input values entered", () => {
+  render(<Search search={() => {}} />);
+  const inputElement = screen.getByPlaceholderText("Customer name");
+  fireEvent.change(inputElement, { target: { value: "Search Name" } });
+  expect(inputElement.value).toBe("Search Name");
+  expect(inputElement).toBeInTheDocument();
+});
+
+// test("When the form is submitted", () => {
+//   function mockSubmit() {}
+//   render(<Bookings />);
+//   const formElement = screen.getByTestId("form");
+//   const inputElement = screen.getByPlaceholderText("Customer name");
+//   fireEvent.change(inputElement, { target: { value: "Search Name" } });
+//   console.info = mockSubmit;
+//   fireEvent.submit(formElement);
+//   expect(mockSubmit).toHaveBeenCalledWith();
+// });

From 1b80e73dfdf2136e1ae85f167b743d6ef057bdf9 Mon Sep 17 00:00:00 2001
From: Sabella-8 <gsabella549@gmail.com>
Date: Fri, 29 Mar 2024 12:04:01 +0000
Subject: [PATCH 3/3] ch

---
 src/components/Search/__test__/featureSearchOnSubmit.test.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Search/__test__/featureSearchOnSubmit.test.jsx b/src/components/Search/__test__/featureSearchOnSubmit.test.jsx
index 19b66cf..1049152 100644
--- a/src/components/Search/__test__/featureSearchOnSubmit.test.jsx
+++ b/src/components/Search/__test__/featureSearchOnSubmit.test.jsx
@@ -12,7 +12,7 @@ test("Given a searchInput field with input values entered", () => {
 
 // test("When the form is submitted", () => {
 //   function mockSubmit() {}
-//   render(<Bookings />);
+//   render(<Search search={() => {}} />);
 //   const formElement = screen.getByTestId("form");
 //   const inputElement = screen.getByPlaceholderText("Customer name");
 //   fireEvent.change(inputElement, { target: { value: "Search Name" } });