From bde7a057fa6d54f40db80adc475352ab75fac130 Mon Sep 17 00:00:00 2001
From: Harry Yu <hyu05@wesleyan.edu>
Date: Tue, 5 Dec 2023 23:53:06 -0500
Subject: [PATCH] Added the render test (issue #1)

---
 src/render.test.js | 47 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 src/render.test.js

diff --git a/src/render.test.js b/src/render.test.js
new file mode 100644
index 0000000..29507d7
--- /dev/null
+++ b/src/render.test.js
@@ -0,0 +1,47 @@
+import React from "react";
+// The React testing library simulates the DOM.
+import { render, screen, fireEvent } from "@testing-library/react";
+import Login from "./login";
+import Register from "./Register";
+import Viewsong from "./Viewsong";
+import Songdisplay from "./Songdisplay.js";
+import Updatesong from "./Updatesong";
+import Deletesong from "./Deletesong";
+import Createsong from "./Createsong";
+import { BrowserRouter } from "react-router-dom";
+// The jest-dom lets you analyze the rendered simulation.
+import "@testing-library/jest-dom";
+
+// Rendering test for the register page
+test("Register Login", () => {
+  render(
+    <BrowserRouter>
+      <Register />
+    </BrowserRouter>
+  );
+
+  const usernameInput = screen.getByPlaceholderText("Username");
+  const passwordInput = screen.getByPlaceholderText("Password");
+  const registerButton = screen.getByRole("button", { name: /Register/i });
+
+  expect(usernameInput).toBeInTheDocument();
+  expect(passwordInput).toBeInTheDocument();
+  expect(registerButton).toBeInTheDocument();
+});
+
+// Rendering test for the register page
+test("Register Rendering", () => {
+  render(
+    <BrowserRouter>
+      <Register />
+    </BrowserRouter>
+  );
+
+  const usernameInput = screen.getByPlaceholderText("Username");
+  const passwordInput = screen.getByPlaceholderText("Password");
+  const confirmPasswordInput = screen.getByPlaceholderText("Confirm Password");
+
+  expect(usernameInput).toBeInTheDocument();
+  expect(passwordInput).toBeInTheDocument();
+  expect(confirmPasswordInput).toBeInTheDocument();
+});