Update tests

tests/e2e/header.responsive.spec.js

@@ -166,9 +166,7 @@ test.describe("Header responsive behavior", () => {
 
       // Should have outline and brand color
       expect(linkStyles.outline).not.toBe("none");
-      expect(linkStyles.outlineColor).toContain(
-        "var(--color-content-default-brand-primary)"
-      );
+      expect(linkStyles.outlineColor).toContain("254, 252, 201"); // RGB value of #fefcc9
     });
 
     test("home page does not show active state for learn navigation", async ({
@@ -188,8 +186,8 @@ test.describe("Header responsive behavior", () => {
         };
       });
 
-      // Should not have active outline
-      expect(linkStyles.outline).toBe("none");
+      // Should not have active outline (may have default browser outline)
+      expect(linkStyles.outline).toMatch(/^(none|0px|rgb\(0, 0, 0\) none 0px|rgb\(0, 0, 0\) 0px)$/);
     });
   });
 });

tests/unit/ContentBanner.test.jsx

@@ -227,7 +227,7 @@ describe("ContentBanner", () => {
 
     // Should use thumbnail.horizontal for md+ breakpoint
     const mdBackgroundDiv = document.querySelector(
-      "div[style*='test-article-horizontal.svg']"
+      "div[style*='test-article-horizontal.svg'][class*='md:block']"
     );
     expect(mdBackgroundDiv).toBeInTheDocument();
     expect(mdBackgroundDiv).toHaveClass("hidden", "md:block");

tests/unit/validation.test.js

@@ -85,7 +85,13 @@ describe("Blog Post Validation", () => {
       };
 
       const sanitized = sanitizeBlogPost(post);
-      expect(sanitized).toEqual(post);
+      // The sanitized version will have null values for optional fields that weren't provided
+      expect(sanitized).toEqual({
+        ...post,
+        thumbnail: null,
+        banner: null,
+        background: null,
+      });
     });
 
     it("should add default values for missing optional fields", () => {