From e2c9faa01eddf0daa1027fb2a7c0e6adc56509b9 Mon Sep 17 00:00:00 2001
From: Branden Jones <branden.wayne.jones@gmail.com>
Date: Wed, 24 Apr 2024 14:31:22 -0400
Subject: [PATCH] 2 behaviors passing

---
 src/components/RestaurantList.js      | 22 ++++++++++++++--------
 src/components/RestaurantList.spec.js | 17 +++++++++++++++--
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/components/RestaurantList.js b/src/components/RestaurantList.js
index 7aa954f..578580c 100644
--- a/src/components/RestaurantList.js
+++ b/src/components/RestaurantList.js
@@ -1,11 +1,17 @@
 import { useEffect } from "react";
 
-export default function RestaurantList({ loadRestaurants })
+export default function RestaurantList({ loadRestaurants, restaurants })
 {
-    useEffect(() => { loadRestaurants(); }, [loadRestaurants]);
-    return 
-    (
-
-        <div>RestaurantList</div>
-    )
-}
\ No newline at end of file
+    useEffect(() => 
+    { 
+        loadRestaurants(); 
+    }, [loadRestaurants]);
+    return (
+        <ul>
+            {restaurants.map(restaurant => 
+            (
+                <li key={restaurant.id}>{restaurant.name}</li>
+            ))}
+        </ul>
+    );
+};
\ No newline at end of file
diff --git a/src/components/RestaurantList.spec.js b/src/components/RestaurantList.spec.js
index c3c29df..ac23b19 100644
--- a/src/components/RestaurantList.spec.js
+++ b/src/components/RestaurantList.spec.js
@@ -1,4 +1,4 @@
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import RestaurantList from './RestaurantList';
 
 describe('RestaurantList', () =>
@@ -6,7 +6,20 @@ describe('RestaurantList', () =>
     it('loads restaurants on first render', () =>
     {
         const loadRestaurants = jest.fn().mockName('loadRestaurnats');
-        render(<RestaurantList loadRestaurants={loadRestaurants} />);
+        const restaurants = [];
+        render(<RestaurantList loadRestaurants={loadRestaurants} restaurants={restaurants} />);
         expect(loadRestaurants).toHaveBeenCalled();
     });
+    it('displays the restaurants', () =>
+    {
+        const noop = () => {}; //"no operation"
+        const restaurants = 
+        [
+            {id: 1, name: 'Sushi Place'},
+            {id: 2, name: 'Pizza Place'}
+        ];
+        render(<RestaurantList loadRestaurants={noop} restaurants={restaurants} />);
+        expect(screen.getByText('Sushi Place')).toBeInTheDocument();
+        expect(screen.getByText('Pizza Place')).toBeInTheDocument();
+    })
 });
\ No newline at end of file