style setup for book section

rrigato · Nov 26, 2023 · fe0097a · fe0097a
1 parent 1f28b40
commit fe0097a
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/static/css/homepageSection.css b/static/css/homepageSection.css
@@ -22,6 +22,10 @@ ul{
     margin-right: 10px;
 }
 
+.book-details{
+    list-style-position: inside;
+}
+
 .homepage-content{
     background-color: 	#aaaaaa;
     border-radius: 5%;

diff --git a/static/js/BookRecommendations.jsx b/static/js/BookRecommendations.jsx
@@ -11,6 +11,15 @@ export function BookRecommendations(){
             <div>
                 <ul>
                     <h3>Everyday Reads</h3>
+                    <li>Incerto by
+                        <a href='https://en.wikipedia.org/wiki/Nassim_Nicholas_Taleb#Writing_career'>Nassim Taleb</a>
+                        <li className='book-details'>
+                            Five book collection centered around the understanding of randomness in your everyday life.
+
+                        </li>
+
+                    </li>
+
                     <h3>Software Engineering</h3>
                 </ul>
             </div>

diff --git a/static/tests/BookRecommendations.test.js b/static/tests/BookRecommendations.test.js
@@ -13,9 +13,14 @@ describe('BookRecommendations displayed on screen', () => {
         const {getAllByRole, getByRole} = render(<BookRecommendations/>);
 
 
+        const bookLinks = getAllByRole(
+            'link'
+        );
         const numHeaders = getAllByRole(
             'heading'
         );
+        expect(bookLinks.length).toBe(1);
         expect(numHeaders.length).toBe(2);
+
     });
 });