Working AB test for landing url

Author: rnwolf

astro.config.mjs

@@ -25,7 +25,8 @@ export default defineConfig({
     sitemap({
       filter: (page) =>
         page !== 'https://www.throughputfocus.com/contact_problem' &&
-        page !== 'https://www.throughputfocus.com/index-test' &&
+        page !== 'https://www.throughputfocus.com/test-a' &&
+        page !== 'https://www.throughputfocus.com/test-b' &&
         page !== 'https://www.throughputfocus.com/elements' &&
         page !== 'https://www.throughputfocus.com/contact_success',
     }),

public/_worker.js

@@ -5,29 +5,41 @@
 export default {
   async fetch(request, env) {
     const url = new URL(request.url);
-    const cookieName = "ab-homepage-test-cookie";
-    const newHomepagePathName = "/index-test";
-    let cookie = request.headers.get("cookie");
-    if (url.pathname === ('/api/fred')) {
-      // TODO: Add custom logic here.
-      url.pathname = newHomepagePathName;
+    const cookieName = "test-ab-cookie";
+    const PathNameA = "/test-a";
+    const PathNameB = "/test-b";
 
-      const percentage = Math.floor(Math.random() * 100);
-      let version = "current"; // default version
-      // change pathname and version name for 50% of traffic
-      if (percentage < 50) {
-        url.pathname = newHomepagePathName;
-        version = "new";
+    if (url.pathname === ('/landing')) {
+
+      let cookie = request.headers.get("cookie");
+      if (cookie && cookie.includes(`${cookieName}=A`)) {
+        url.pathname = PathNameA
+        return env.ASSETS.fetch(url)
+      }
+      else if  (cookie && cookie.includes(`${cookieName}=B`)) {
+        url.pathname = PathNameB
+        return env.ASSETS.fetch(url)
       }
-      // get the static file from ASSETS, and attach a cookie
-      const asset = await env.ASSETS.fetch(url);
-      let response = new Response(asset.body, asset);
-      let expires = (new Date(Date.now()+ 86400*1000)).toUTCString(); // Valid for 1 Day = 24 Hrs = 24*60*60 = 86400.
-      response.headers.append("Set-Cookie", `${cookieName}=${version}; expires= ${expires} ;path=/`);
-      return response;
+      else {
+        url.pathname = PathNameB;
+
+        const percentage = Math.floor(Math.random() * 100);
+        let version = "A"; // default version
 
+        // change pathname and version name for 50% of traffic
+        if (percentage < 50) {
+          url.pathname = PathNameB;
+          version = "B";
+        }
+        // get the static file from ASSETS, and attach a cookie
+        const asset = await env.ASSETS.fetch(url);
+        let response = new Response(asset.body, asset);
+        let expires = (new Date(Date.now()+ 86400*1000)).toUTCString(); // Valid for 1 Day = 24 Hrs = 24*60*60 = 86400.
+        response.headers.append("Set-Cookie", `${cookieName}=${version}; expires= ${expires} ;path=/`);
+        return response;
+      }  
     }
-    // Otherwise, serve the static assets.
+    // Otherwise, serve the static assets for the current page being requested.
     // Without this, the Worker will error and no assets will be served.
     return env.ASSETS.fetch(request);
   },

src/content/pages/privacy-policy.md

@@ -1,6 +1,6 @@
 ---
 title: "Privacy"
-description: "this is meta description"
+description: "Privacy policies"
 draft: false
 ---
 

src/content/pages/test-a.md

@@ -0,0 +1,9 @@
+---
+title: "Landing Page A"
+description: "This is meta description for the Landing Page A"
+draft: false
+---
+
+## Introduction
+
+Landing page A

src/content/pages/test-b.md

@@ -0,0 +1,9 @@
+---
+title: "Landing Page B"
+description: "This is meta description for the Landing Page B"
+draft: false
+---
+
+## Introduction
+
+Landing page B