Added test case for carousel slider implementation

Gemfile.lock

@@ -24,11 +24,12 @@ GEM
       execjs
     coffee-script-source (1.12.2)
     colorator (1.1.0)
-    commonmarker (0.23.10)
+    commonmarker (0.23.11)
     concurrent-ruby (1.3.4)
     connection_pool (2.4.1)
     csv (3.3.0)
-    dnsruby (1.72.2)
+    dnsruby (1.72.3)
+      base64 (~> 0.2.0)
       simpleidn (~> 0.2.1)
     drb (2.2.1)
     em-websocket (0.5.3)
@@ -239,7 +240,7 @@ GEM
       jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
-    minitest (5.25.1)
+    minitest (5.25.2)
     net-http (0.5.0)
       uri
     nokogiri (1.16.7-aarch64-linux)

_includes/latest-posts.html

@@ -3,9 +3,9 @@ <h2 class="post-list-heading">{{ page.list_title }}</h2>
 {%- endif -%}
 <article class="post-list">
   {%- assign date_format = site.bpdevs.date_format | default: "%b %-d, %Y" -%}
-  <div class="latest-posts-grid">
+  <div>
     {% assign count = 0 %} {% assign limit_posts = 3 %} {%- for post in posts -%} {%- if count < limit_posts -%}
-    <div class="post-item">
+    <div>
       <h3>
         <a class="" href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
       </h3>

assets/css/bpd.css

@@ -61,6 +61,7 @@ input::-moz-focus-inner {
 
 article.post-list a {
   color: #007b95;
+  font-size: 19px;
 }
 
 article li {
@@ -568,7 +569,6 @@ ul.speaking-list {
   font-size: 1.5em;
   color: #333;
 }
-
 .info p {
   margin: 0;
   font-size: 1em;
@@ -613,7 +613,6 @@ button.next:focus {
 .next {
   right: 10px;
 }
-
 .grid-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@@ -626,7 +625,21 @@ button.next:focus {
   border: 1px solid #ddd;
   border-radius: 8px;
   background-color: #f9f9f9;
+}
+
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 20px;
+  margin-top: 20px;
+}
 
+.grid-item {
+  padding: 15px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background-color: #f9f9f9;
+}
 .latest-posts-grid {
   display: flex;
   flex-wrap: wrap;

index.html

@@ -2,7 +2,7 @@
 layout: index
 lang: en
 title: Home
-list_title: Recent blog
+list_title: Recent news
 ---
 
 <h2>Our Mission</h2>

tests/test.py

@@ -140,7 +140,6 @@ def test_first_slide_matches_latest_post(page_url: tuple[Page, str]) -> None:
         "/blog",
     ),
 )
-
 def stem_description(
     path: pathlib.Path,
 ) -> Generator[tuple[str, frontmatter.Post], None, None]:
@@ -171,3 +170,26 @@ def test_page_blog_posts(
         page.locator('meta[name="description"]').get_attribute("content")
         == frontmatter["description"]
     )
+
+
+def get_post_image(metadata, default_image="/assets/images/bpd_stacked.png"):
+    """Determine the image to display for a post."""
+    return metadata.get("featured_image", default_image)
+
+
+def test_default_image_displayed_for_post_without_featured_image():
+    metadata = {
+        "title": "Test Post Without Featured Image",
+        "date": "2024-11-27",
+        "lang": "en",
+        "layout": "post",
+        "excerpt": "This is a test post for checking the default image.",
+    }
+
+    default_image = "/assets/images/bpd_stacked.png"
+
+    featured_image = get_post_image(metadata, default_image)
+
+    # Assertions
+    assert metadata["title"] == "Test Post Without Featured Image"
+    assert featured_image == default_image