Tests added from Eduardo de Valle to NoDataCard.test.tsx

test/FormTextInput.test.tsx

@@ -14,7 +14,7 @@ describe("FormTextInput Component", () => {
     expect(screen.getByLabelText("Email Address")).toBeInTheDocument();
   });
 
-  // Jose Eduardo De Valle Lara A01734957 - Test #2/5
+  // José Eduardo de Valle Lara A01734957 - Test #2/5
   it("toggles password visibility when show button is clicked", () => {
     render(<FormTextInput name="password" type="password" label="Password" />);
 
@@ -30,23 +30,23 @@ describe("FormTextInput Component", () => {
     expect(input).toHaveAttribute("type", "password");
   });
 
-  // Jose Eduardo De Valle Lara A01734957 - Test #3/5
+  // José Eduardo de Valle Lara A01734957 - Test #3/5
   it("sets autocomplete attribute based on type and name", () => {
     render(<FormTextInput name="name" type="text" label="Full Name" />);
 
     const input = screen.getByTestId("name");
     expect(input).toHaveAttribute("autocomplete", "on");
   });
 
-  // Jose Eduardo De Valle Lara A01734957 - Test #4/5
+  // José Eduardo de Valle Lara A01734957 - Test #4/5
   it("sets autocomplete attribute for email", () => {
     render(<FormTextInput name="email" type="email" label="Email Address" />);
 
     const input = screen.getByTestId("email");
     expect(input).toHaveAttribute("autocomplete", "on");
   });
 
-  // Jose Eduardo De Valle Lara A01734957 - Test #5/5
+  // José Eduardo de Valle Lara A01734957 - Test #5/5
   it("sets autocomplete attribute off for other fields", () => {
     render(<FormTextInput name="username" type="text" label="Username" />);
 

test/NoDataCard.test.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import { describe, it, expect } from "vitest";
+import NoDataCard from "@/components/NoDataCard";
+
+describe("NoDataCard Component", () => {
+  // José Eduardo de Valle Lara A01734957 - Test #6/10
+  it("renders correctly with provided text", () => {
+    const testText = "No data available";
+    render(<NoDataCard text={testText} />);
+
+    const textElement = screen.getByText(testText);
+    expect(textElement).toBeInTheDocument();
+    expect(textElement).toHaveClass(
+      "text-center text-sm font-medium text-grayText",
+    );
+  });
+
+  // José Eduardo de Valle Lara A01734957 - Test #7/10
+  it("renders image on medium and larger screens", () => {
+    render(<NoDataCard text="No data available" />);
+
+    const imageElement = screen.getByAltText("No Data Image");
+    expect(imageElement).toBeInTheDocument();
+    expect(imageElement).toHaveClass("hidden md:block");
+  });
+
+  // José Eduardo de Valle Lara A01734957 - Test #8/10
+  it("contains the provided text", () => {
+    const testText = "No data available";
+    render(<NoDataCard text={testText} />);
+
+    const textElement = screen.getByText(testText);
+    expect(textElement).toBeInTheDocument();
+    expect(textElement).toHaveTextContent(testText);
+  });
+});