[#8] feat: init test files

Author: damla

client/src/components/AddButton/index.jsx

@@ -2,13 +2,14 @@ import React from "react";
 import { useBasket } from "../../contexts/Basket/BasketContext";
 import styles from "./styles.module.scss";
 
-export default function AddButton({ product, onClick }) {
+export default function AddButton({ product }) {
   const { addItem } = useBasket();
 
   const checkBasket = () => !Object.keys(localStorage).includes(product._id);
 
   return checkBasket() ? (
     <button
+      data-testid="add-btn"
       className={styles.ActiveButton}
       onClick={() => {
         addItem(product);
@@ -17,7 +18,7 @@ export default function AddButton({ product, onClick }) {
       Sepete Ekle
     </button>
   ) : (
-    <button className={styles.DeactiveButton}>
+    <button data-testid="disabled-add-btn" className={styles.DeactiveButton}>
       Bu ürünü sepete ekleyemezsiniz.
     </button>
   );

client/src/components/AddButton/index.test.jsx

@@ -0,0 +1,39 @@
+// import { render, screen } from "@testing-library/react";
+// import userEvent from "@testing-library/user-event";
+
+// import AddButton from "./index";
+
+// it("Ekleme tuşuna tıklandığında tuş deaktive olur.", () => {
+//   let disabled_add_btn;
+
+//   render(<AddButton />);
+
+//   disabled_add_btn = screen.getByTestId("disabled-add-btn");
+
+//   setTimeout(() => {
+//     expect(screen.getByTestId("result")).. });
+// });
+
+// it("renders welcome message", () => {
+//   render(<App />);
+//   expect(screen.getByText("Learn React")).toBeInTheDocument();
+// });
+
+// // it("Ekleme tuşuna tıklandığında local storage üzerinden veriyi kaydeder.", () => {
+// //   let number1_input, number2_input, submit_btn;
+
+// //   render(<Calculator />);
+
+// //   number1_input = screen.getByTestId("number1");
+// //   number2_input = screen.getByTestId("number2");
+// //   submit_btn = screen.getByTestId("submit-btn");
+
+// //   userEvent.type(number1_input, 4);
+// //   userEvent.type(number2_input, 4);
+
+// //   userEvent.click(submit_btn);
+
+// //   setTimeout(() => {
+// //     expect(screen.getByTestId("result")).toHaveTextContent(16);
+// //   });
+// // });