Update tests

.lighthouseci/assertion-results.json

@@ -0,0 +1,35 @@
+[
+  {
+    "name": "minScore",
+    "expected": 0.8,
+    "actual": 0.74,
+    "values": [
+      0.72,
+      0.74,
+      0.67
+    ],
+    "operator": ">=",
+    "passed": false,
+    "auditProperty": "performance",
+    "auditId": "categories",
+    "level": "warn",
+    "url": "http://127.0.0.1:3010/"
+  },
+  {
+    "name": "maxNumericValue",
+    "expected": 5000,
+    "actual": 6335.710300000001,
+    "values": [
+      6443.5928,
+      6335.710300000001,
+      6894.002000000002
+    ],
+    "operator": "<=",
+    "passed": false,
+    "auditId": "interactive",
+    "level": "warn",
+    "url": "http://127.0.0.1:3010/",
+    "auditTitle": "Time to Interactive",
+    "auditDocumentationLink": "https://developer.chrome.com/docs/lighthouse/performance/interactive/"
+  }
+]

lhci-results/127_0_0_1--2025_09_30_21_08_52.report.json

@@ -0,0 +1 @@
+{"lighthouseVersion":"12.6.1","requestedUrl":"http://127.0.0.1:3010/","mainDocumentUrl":"http://127.0.0.1:3010/","finalDisplayedUrl":"http://127.0.0.1:3010/","finalUrl":"http://127.0.0.1:3010/","fetchTime":"2025-09-30T21:08:52.461Z","gatherMode":"navigation","runWarnings":[],"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/140.0.0.0 Safari/537.36","environment":{"networkUserAgent":"Mozilla/5.0 (Linux; Android 11; moto g power (2022)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Mobile Safari/537.36","hostUserAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/140.0.0.0 Safari/537.36","benchmarkIndex":2804,"credits":{"axe-core":"4.10.3"}},"audits":{"is-on-https":{"id":"is-on-https","title":"Uses HTTPS","description":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding [mixed content](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content), where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more about HTTPS](https://developer.chrome.com/docs/lighthouse/pwa/is-on-https/).","score":1,"scoreDisplayMode":"binary","details":{"type":"table","headings":[],"items":[]}},"redirects-http":{"id":"redirects-http","title":"Redirects HTTP traffic to HTTPS","description":"Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. [Learn more](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).","score":null,"scoreDisplayMode":"notApplicable"},"viewport":{"id":"viewport","title":"Has a `<meta name=\"viewport\">` tag with `width` or `initial-scale`","description":"A `<meta name=\"viewport\">` not only optimizes your app for mobile screen sizes, but also prevents [a 300 millisecond delay to user input](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/). [Learn more about using the viewport meta tag](https://developer.chrome.com/docs/lighthouse/pwa/viewport/).","score":1,"scoreDisplayMode":"metricSavings","warnings":[],"metricSavings":{"INP":0},"details":{"type":"debugdata","viewportContent":"width=device-width, initial-scale=1"},"guidanceLevel":3},"first-contentful-paint":{"id":"first-contentful-paint","title":"First Contentful Paint","description":"First Contentful Paint marks the time at which the first text or image is painted. [Learn more about the First Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint/).","score":1,"scoreDisplayMode":"numeric","numericValue":913.2159999999999,"numericUnit":"millisecond","displayValue":"0.9 s","scoringOptions":{"p10":1800,"median":3000}},"largest-contentful-paint":{"id":"largest-contentful-paint","title":"Largest Contentful Paint","description":"Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more about the Largest Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)","score":0.35,"scoreDisplayMode":"numeric","numericValue":4598.128000000001,"numericUnit":"millisecond","displayValue":"4.6 s","scoringOptions":{"p10":2500,"median":4000}},"first-meaningful-paint":{"id":"first-meaningful-paint","title":"First Meaningful Paint","description":"First Meaningful Paint measures when the primary content of a page is visible. [Learn more about the First Meaningful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/first-meaningful-paint/).","score":null,"scoreDisplayMode":"notApplicable"},"speed-index":{"id":"speed-index","title":"Speed Index","description":"Speed Index shows how quickly the contents of a page are visibly populated. [Learn more about the Speed Index metric](https://developer.chrome.com/docs/lighthouse/performance/speed-index/).","score":0.8,"scoreDisplayMode":"numeric","numericValue":4017.380534724035,"numericUnit":"millisecond","displayValue":"4.0 s","scoringOptions":{"p10":3387,"median":5800}},"screenshot-thumbnails":{"id":"screenshot-thumbnails","title":"Screenshot Thumbnails","description":"This is what the load of your site looked like.","score":1,"scoreDisplayMode":"informative","details":{"type":"filmstrip","scale":3000,"items":[{"timing":375,"timestamp":776741771115,"data":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAHyAPoDASIAAhEBAxEB/8QAGQABAQADAQAAAAAAAAAAAAAAAAEDBQYI/8QAHhABAAIDAAIDAAAAAAAAAAAAAAECElKRAwQ0crH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFLine truncated

lhci-results/127_0_0_1--2025_09_30_21_09_10.report.json

@@ -0,0 +1 @@
+{"lighthouseVersion":"12.6.1","requestedUrl":"http://127.0.0.1:3010/","mainDocumentUrl":"http://127.0.0.1:3010/","finalDisplayedUrl":"http://127.0.0.1:3010/","finalUrl":"http://127.0.0.1:3010/","fetchTime":"2025-09-30T21:09:10.534Z","gatherMode":"navigation","runWarnings":[],"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/140.0.0.0 Safari/537.36","environment":{"networkUserAgent":"Mozilla/5.0 (Linux; Android 11; moto g power (2022)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Mobile Safari/537.36","hostUserAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/140.0.0.0 Safari/537.36","benchmarkIndex":2849,"credits":{"axe-core":"4.10.3"}},"audits":{"is-on-https":{"id":"is-on-https","title":"Uses HTTPS","description":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding [mixed content](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content), where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more about HTTPS](https://developer.chrome.com/docs/lighthouse/pwa/is-on-https/).","score":1,"scoreDisplayMode":"binary","details":{"type":"table","headings":[],"items":[]}},"redirects-http":{"id":"redirects-http","title":"Redirects HTTP traffic to HTTPS","description":"Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. [Learn more](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).","score":null,"scoreDisplayMode":"notApplicable"},"viewport":{"id":"viewport","title":"Has a `<meta name=\"viewport\">` tag with `width` or `initial-scale`","description":"A `<meta name=\"viewport\">` not only optimizes your app for mobile screen sizes, but also prevents [a 300 millisecond delay to user input](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/). [Learn more about using the viewport meta tag](https://developer.chrome.com/docs/lighthouse/pwa/viewport/).","score":1,"scoreDisplayMode":"metricSavings","warnings":[],"metricSavings":{"INP":0},"details":{"type":"debugdata","viewportContent":"width=device-width, initial-scale=1"},"guidanceLevel":3},"first-contentful-paint":{"id":"first-contentful-paint","title":"First Contentful Paint","description":"First Contentful Paint marks the time at which the first text or image is painted. [Learn more about the First Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint/).","score":1,"scoreDisplayMode":"numeric","numericValue":908.162,"numericUnit":"millisecond","displayValue":"0.9 s","scoringOptions":{"p10":1800,"median":3000}},"largest-contentful-paint":{"id":"largest-contentful-paint","title":"Largest Contentful Paint","description":"Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more about the Largest Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)","score":0.33,"scoreDisplayMode":"numeric","numericValue":4662.243,"numericUnit":"millisecond","displayValue":"4.7 s","scoringOptions":{"p10":2500,"median":4000}},"first-meaningful-paint":{"id":"first-meaningful-paint","title":"First Meaningful Paint","description":"First Meaningful Paint measures when the primary content of a page is visible. [Learn more about the First Meaningful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/first-meaningful-paint/).","score":null,"scoreDisplayMode":"notApplicable"},"speed-index":{"id":"speed-index","title":"Speed Index","description":"Speed Index shows how quickly the contents of a page are visibly populated. [Learn more about the Speed Index metric](https://developer.chrome.com/docs/lighthouse/performance/speed-index/).","score":1,"scoreDisplayMode":"numeric","numericValue":1778.886471502395,"numericUnit":"millisecond","displayValue":"1.8 s","scoringOptions":{"p10":3387,"median":5800}},"screenshot-thumbnails":{"id":"screenshot-thumbnails","title":"Screenshot Thumbnails","description":"This is what the load of your site looked like.","score":1,"scoreDisplayMode":"informative","details":{"type":"filmstrip","scale":3000,"items":[{"timing":375,"timestamp":776759838389,"data":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAHyAPoDASIAAhEBAxEB/8QAHQABAAICAwEBAAAAAAAAAAAAAAcIBQYCAwQJAf/EAFgQAAEDAwEDBAsMBwQFDAMAAAEAAgMEBREGEiExBwgTQRQiN1FWYXWUs9LTFRYXGDJSVXFygZGVM0JTkpOxtCMkodLine truncated

lhci-results/127_0_0_1--2025_09_30_21_09_25.report.json

@@ -0,0 +1 @@
+{"lighthouseVersion":"12.6.1","requestedUrl":"http://127.0.0.1:3010/","mainDocumentUrl":"http://127.0.0.1:3010/","finalDisplayedUrl":"http://127.0.0.1:3010/","finalUrl":"http://127.0.0.1:3010/","fetchTime":"2025-09-30T21:09:25.411Z","gatherMode":"navigation","runWarnings":[],"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/140.0.0.0 Safari/537.36","environment":{"networkUserAgent":"Mozilla/5.0 (Linux; Android 11; moto g power (2022)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Mobile Safari/537.36","hostUserAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/140.0.0.0 Safari/537.36","benchmarkIndex":2837.5,"credits":{"axe-core":"4.10.3"}},"audits":{"is-on-https":{"id":"is-on-https","title":"Uses HTTPS","description":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding [mixed content](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content), where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more about HTTPS](https://developer.chrome.com/docs/lighthouse/pwa/is-on-https/).","score":1,"scoreDisplayMode":"binary","details":{"type":"table","headings":[],"items":[]}},"redirects-http":{"id":"redirects-http","title":"Redirects HTTP traffic to HTTPS","description":"Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. [Learn more](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).","score":null,"scoreDisplayMode":"notApplicable"},"viewport":{"id":"viewport","title":"Has a `<meta name=\"viewport\">` tag with `width` or `initial-scale`","description":"A `<meta name=\"viewport\">` not only optimizes your app for mobile screen sizes, but also prevents [a 300 millisecond delay to user input](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/). [Learn more about using the viewport meta tag](https://developer.chrome.com/docs/lighthouse/pwa/viewport/).","score":1,"scoreDisplayMode":"metricSavings","warnings":[],"metricSavings":{"INP":0},"details":{"type":"debugdata","viewportContent":"width=device-width, initial-scale=1"},"guidanceLevel":3},"first-contentful-paint":{"id":"first-contentful-paint","title":"First Contentful Paint","description":"First Contentful Paint marks the time at which the first text or image is painted. [Learn more about the First Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint/).","score":1,"scoreDisplayMode":"numeric","numericValue":909.3340000000001,"numericUnit":"millisecond","displayValue":"0.9 s","scoringOptions":{"p10":1800,"median":3000}},"largest-contentful-paint":{"id":"largest-contentful-paint","title":"Largest Contentful Paint","description":"Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more about the Largest Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)","score":0.07,"scoreDisplayMode":"numeric","numericValue":6849.002000000001,"numericUnit":"millisecond","displayValue":"6.8 s","scoringOptions":{"p10":2500,"median":4000}},"first-meaningful-paint":{"id":"first-meaningful-paint","title":"First Meaningful Paint","description":"First Meaningful Paint measures when the primary content of a page is visible. [Learn more about the First Meaningful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/first-meaningful-paint/).","score":null,"scoreDisplayMode":"notApplicable"},"speed-index":{"id":"speed-index","title":"Speed Index","description":"Speed Index shows how quickly the contents of a page are visibly populated. [Learn more about the Speed Index metric](https://developer.chrome.com/docs/lighthouse/performance/speed-index/).","score":0.93,"scoreDisplayMode":"numeric","numericValue":3120.953409845498,"numericUnit":"millisecond","displayValue":"3.1 s","scoringOptions":{"p10":3387,"median":5800}},"screenshot-thumbnails":{"id":"screenshot-thumbnails","title":"Screenshot Thumbnails","description":"This is what the load of your site looked like.","score":1,"scoreDisplayMode":"informative","details":{"type":"filmstrip","scale":3000,"items":[{"timing":375,"timestamp":776774830934,"data":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAHyAPoDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAIHBAj/xAAgEAEAAQUAAQUAAAAAAAAAAAAAAQIDE1OSBAU1YnOx/8QAFAEBAAAAAAAAAAAAAAAAAAAAAPLine truncated

lhci-results/manifest.json

@@ -0,0 +1,38 @@
+[
+  {
+    "url": "http://127.0.0.1:3010/",
+    "isRepresentativeRun": false,
+    "htmlPath": "/Users/Vinod/Documents/GitHub/community-rule/lhci-results/127_0_0_1--2025_09_30_21_09_10.report.html",
+    "jsonPath": "/Users/Vinod/Documents/GitHub/community-rule/lhci-results/127_0_0_1--2025_09_30_21_09_10.report.json",
+    "summary": {
+      "performance": 0.74,
+      "accessibility": 0.87,
+      "best-practices": 1,
+      "seo": 1
+    }
+  },
+  {
+    "url": "http://127.0.0.1:3010/",
+    "isRepresentativeRun": false,
+    "htmlPath": "/Users/Vinod/Documents/GitHub/community-rule/lhci-results/127_0_0_1--2025_09_30_21_09_25.report.html",
+    "jsonPath": "/Users/Vinod/Documents/GitHub/community-rule/lhci-results/127_0_0_1--2025_09_30_21_09_25.report.json",
+    "summary": {
+      "performance": 0.67,
+      "accessibility": 0.87,
+      "best-practices": 1,
+      "seo": 1
+    }
+  },
+  {
+    "url": "http://127.0.0.1:3010/",
+    "isRepresentativeRun": true,
+    "htmlPath": "/Users/Vinod/Documents/GitHub/community-rule/lhci-results/127_0_0_1--2025_09_30_21_08_52.report.html",
+    "jsonPath": "/Users/Vinod/Documents/GitHub/community-rule/lhci-results/127_0_0_1--2025_09_30_21_08_52.report.json",
+    "summary": {
+      "performance": 0.72,
+      "accessibility": 0.87,
+      "best-practices": 1,
+      "seo": 1
+    }
+  }
+]

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", () => {