fix(tests): sync PromptForm placeholder assertions with redesigned UI

Author: aboderinsamuel

__tests__/components/PromptForm.test.tsx

@@ -59,8 +59,8 @@ function renderWithAuth(user: object | null = { id: "user-1", email: "test@examp
 describe("PromptForm - rendering", () => {
   it("renders all form fields", () => {
     renderWithAuth();
-    expect(screen.getByPlaceholderText("Give your prompt a name")).toBeInTheDocument();
-    expect(screen.getByPlaceholderText("Paste or type your prompt here...")).toBeInTheDocument();
+    expect(screen.getByPlaceholderText("Untitled prompt")).toBeInTheDocument();
+    expect(screen.getByPlaceholderText("Write your prompt here...")).toBeInTheDocument();
     expect(screen.getByPlaceholderText("e.g. coding")).toBeInTheDocument();
     expect(screen.getByRole("button", { name: /save prompt/i })).toBeInTheDocument();
   });
@@ -75,8 +75,8 @@ describe("PromptForm - rendering", () => {
 describe("PromptForm - unauthenticated behavior", () => {
   it("redirects to /login on submit when user is not authenticated", async () => {
     renderWithAuth(null);
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Test Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Some content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Test Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Some content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     expect(mockPush).toHaveBeenCalledWith("/login");
@@ -93,8 +93,8 @@ describe("PromptForm - authenticated submission", () => {
 
   it("calls addOptimistic and navigates home on valid submit", async () => {
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "My Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Prompt content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "My Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Prompt content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     expect(mockAddOptimistic).toHaveBeenCalledWith(
@@ -105,8 +105,8 @@ describe("PromptForm - authenticated submission", () => {
 
   it("defaults collection to 'uncategorized' when left blank", async () => {
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     expect(mockAddOptimistic).toHaveBeenCalledWith(
@@ -116,8 +116,8 @@ describe("PromptForm - authenticated submission", () => {
 
   it("uses the entered collection name when provided", async () => {
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Content");
     await userEvent.type(screen.getByPlaceholderText("e.g. coding"), "engineering");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
@@ -128,8 +128,8 @@ describe("PromptForm - authenticated submission", () => {
 
   it("calls savePrompt asynchronously after optimistic update", async () => {
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     await waitFor(() => {
@@ -141,8 +141,8 @@ describe("PromptForm - authenticated submission", () => {
 
   it("calls refresh after savePrompt resolves", async () => {
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     await waitFor(() => expect(mockRefresh).toHaveBeenCalled());
@@ -153,17 +153,17 @@ describe("PromptForm - authenticated submission", () => {
     // PromptForm logs the error, silence it so Jest output stays clean
     jest.spyOn(console, "error").mockImplementation(() => {});
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     await waitFor(() => expect(mockRefresh).toHaveBeenCalled());
   });
 
   it("generated prompt has a non-empty id and ISO timestamp", async () => {
     renderWithAuth();
-    await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");
-    await userEvent.type(screen.getByPlaceholderText("Paste or type your prompt here..."), "Content");
+    await userEvent.type(screen.getByPlaceholderText("Untitled prompt"), "Prompt");
+    await userEvent.type(screen.getByPlaceholderText("Write your prompt here..."), "Content");
     await userEvent.click(screen.getByRole("button", { name: /save prompt/i }));
 
     const optimisticArg = mockAddOptimistic.mock.calls[0][0];