add test fo renderlist book

Author: thecoder93

src/components/Book/Book.tsx

@@ -28,7 +28,7 @@ const Book = ({
               />
             </a>
             <div>
-              <a href="/#" target="_blank" className="book-link">
+              <a href="/#" target="_blank" className="book-link" data-testid="title-book">
                 {book.title}
               </a>
               <p className="book-authors">by {book.author}</p>

src/components/Book/__test__/Book.test.tsx

@@ -1,4 +1,5 @@
 import {  render } from '@testing-library/react';
+import { IBook } from '../../../interface/IBook';
 import Book from '../Book';
 
 describe("Book list", () => {
@@ -7,4 +8,29 @@ describe("Book list", () => {
         const {getByText} = render(<Book listBook={[]} category={"Fiction"}/>)
         expect(getByText(/No book/i)).toBeInTheDocument();
     })
+
+     test('should render list of books', () => {
+        const fakeBooks: IBook[] = [
+            {
+              author: "Clive Cussler and Justin Scott",
+              contributor: "by Clive Cussler and Justin Scott",
+              description: "In the ninth book in this series, set in 1906, the New York detective Isaac Bell contends with a crime boss passing as a respectable businessman and a tycoon’s plot against President Theodore Roosevelt.",
+              primary_isbn13: "9780698406421",
+              primary_isbn10: "0698406427",
+              publisher: "Putnam",
+              rank: 1,
+              book_image: "https://storage.googleapis.com/du-prd/books/images/9781501110375.jpg",
+              title: "THE GANGSTER",
+              weeks_on_list: "34"
+            }
+          ];
+
+        const {getAllByTestId} = render(<Book listBook={fakeBooks} category={"Fiction"}/>);
+        const titleBook = getAllByTestId('title-book').map(title => title.textContent);
+        const fakeTitleBook =  fakeBooks.map(t => t.title);
+
+        expect(titleBook).toEqual(fakeTitleBook);
+      });
+
+
 });