test for card

Author: Sabella-8

src/components/Card/__test__/card.test.jsx

@@ -0,0 +1,31 @@
+import Card from "../Card";
+import { render, screen } from "@testing-library/react";
+
+test("should render a title", () => {
+  render(
+    <Card
+      title="countryName"
+      url="https://example.com"
+      image="test-image.jpg"
+    />
+  );
+  const titleElement = screen.getAllByText("countryName");
+  expect(titleElement).toBeInTheDocument();
+});
+
+test("should render a link with the correct URL", () => {
+  render(
+    <Card title="Manchester" url="https://example.com" image="test-image.jpg" />
+  );
+  const linkElement = screen.getByRole("link", { name: "Manchester" });
+  expect(linkElement).toBeInTheDocument();
+  expect(linkElement).toHaveAttribute("href", "https://example.com");
+});
+
+test("should render an image with alt text", () => {
+  render(
+    <Card title="Manchester" url="https://example.com" image="test-image.jpg" />
+  );
+  const imageElement = screen.getByAltText("Manchester");
+  expect(imageElement).toBeInTheDocument();
+});

witch main

@@ -0,0 +1,11 @@
+  Feature-Active-row
+  Feature-Search-State
+  Feature-implement-Search-functionality
+  FeatureCalculateDuration
+  Search-onSubmit
+  feature-booking-state
+* feature-card
+  feature-deck
+  fetch-bookings
+  main
+  search-results