Merge branch 'main' of ssh://git.keithsolomon.net:222/Solo-Web-Works/CWC

styles/components/post-list.css

@@ -9,3 +9,38 @@
     margin: 0 0 2rem;
     text-align: left;
 }
+
+.post-list__post {
+    border-color: var(--color-cwc-blue-03);
+    overflow: hidden;
+}
+
+.post-list__img {
+    border-bottom: 0;
+}
+
+.post-list__details {
+    background: var(--color-cwc-blue-03);
+    color: var(--color-cwc-blue-01);
+}
+
+.post-list__title {
+    color: var(--color-cwc-blue-01);
+    font-weight: 700;
+}
+
+.post-list__byline {
+    color: var(--color-cwc-blue-01);
+    font-size: 0.875rem;
+}
+
+.post-list__read-more {
+    color: var(--color-secondary);
+    font-weight: 600;
+    margin-top: 0.75rem;
+    text-decoration: none;
+}
+
+.post-list__read-more:hover {
+    text-decoration: underline;
+}

tests/blog-page.spec.js

@@ -34,6 +34,12 @@ test.describe("blog page", () => {
         await expect(firstCard.locator(".post-list__title")).toBeVisible();
         await expect(firstCard.locator(".post-list__byline")).toBeVisible();
 
+        // First card has a "Read more" link.
+        const readMore = firstCard.locator(".post-list__read-more");
+        await expect(readMore).toBeVisible();
+        await expect(readMore).toHaveText(/^Read more\s*\S+$/);
+        await expect(readMore).toHaveAttribute("href", /\/[a-z0-9-]+\/?$/);
+
         // First card does NOT have a categories row or an excerpt.
         expect(await firstCard.locator(".post-list__cats").count()).toBe(0);
         expect(await firstCard.locator(".post-list__excerpt").count()).toBe(0);