Added Opt out test case

Author: neelkanth-kaushik

packages/consent/consent-tools-integration-tests/public/consent-tools-vanilla-opt-out.html

@@ -5,7 +5,7 @@
   <h1>Hello World - Serving Analytics (Consent Tools Vanilla Opt Out)</h1>
   <h2>Please Check Network tab</h2>
   <p>This page can used as playground or run by webdriver.io</p>
-  <script src="/public/dist/consent-tools-vanilla-opt-out.bundle.js"></script>
+  <script src="dist/consent-tools-vanilla-opt-out.bundle.js"></script>
 </body>
 
 </html>

packages/consent/consent-tools-integration-tests/src/page-bundles/consent-tools-vanilla-opt-out/index.ts

@@ -10,7 +10,7 @@ const analytics = new AnalyticsBrowser()
 
 withMockCMP(analytics).load(
   {
-    writeKey: '9lSrez3BlfLAJ7NOChrqWtILiATiycoc',
+    writeKey: 'foo',
   },
   { initialPageview: true }
 )

packages/consent/consent-tools-integration-tests/src/tests/consent-tools-vanilla-opt-in.test.ts

@@ -22,7 +22,7 @@ test.afterEach(async () => {
   await pageObject.cleanup()
 })
 
-test('should send a track call after waiting for explicit consent', async ({
+test('Consent Tools Vanilla Opt-in: Should send a track call after waiting for explicit consent', async ({
   page,
 }) => {
   // Attempt to track an event before consent is given — this should be buffered/blocked

packages/consent/consent-tools-integration-tests/src/tests/consent-tools-vanilla-opt-out.test.ts

@@ -0,0 +1,88 @@
+/**
+ * Playwright Tests targeting @segment/analytics-consent-tools
+ *
+ * This test verifies that:
+ *  - Tracking events are sent before consent (opt-out model).
+ *  - Consent change updates are reflected in later events.
+ */
+
+import { ConsentToolsVanillaOptOut } from '../page-objects/consent-tools-vanilla'
+import { test, expect } from '@playwright/test'
+
+let pageObject: ConsentToolsVanillaOptOut
+
+test.beforeEach(async ({ page }) => {
+  pageObject = new ConsentToolsVanillaOptOut(page)
+  await pageObject.load()
+})
+
+test.afterEach(async () => {
+  await pageObject.cleanup()
+})
+
+test('Consent Tools Vanilla Opt-out: Should not wait for consent before sending track call', async ({
+  page,
+}) => {
+  // Track an event immediately before any consent is given
+  await page.evaluate(() => {
+    void window.analytics.track('hello')
+  })
+
+  // Consent change should not have happened yet
+  let consentChangeEvents = pageObject.getConsentChangedEvents()
+  expect(consentChangeEvents.length).toBe(0)
+
+  // Wait for the "hello" event to be sent
+  const getHelloTrackEvent = () =>
+    pageObject.getAllTrackingEvents().find((e) => e.event === 'hello')
+
+  await expect
+    .poll(getHelloTrackEvent, {
+      timeout: 30000,
+    })
+    .not.toBe(undefined)
+
+  expect(
+    (await getHelloTrackEvent())?.context?.consent?.categoryPreferences
+  ).toEqual({
+    FooCategory1: false,
+    FooCategory2: false,
+  })
+
+  // Simulate user giving consent
+  await pageObject.clickGiveConsent()
+
+  // Wait for the consent update to be tracked
+  await expect
+    .poll(() => pageObject.getConsentChangedEvents().length, {
+      timeout: 20000,
+    })
+    .toBeGreaterThan(0)
+
+  consentChangeEvents = pageObject.getConsentChangedEvents()
+  expect(consentChangeEvents.length).toBe(1)
+  expect(consentChangeEvents[0].event).toBe(
+    'Segment Consent Preference Updated'
+  )
+
+  // Track another event after giving consent
+  await page.evaluate(() => {
+    void window.analytics.track('sup')
+  })
+
+  const getSupTrackEvent = () =>
+    pageObject.getAllTrackingEvents().find((e) => e.event === 'sup')
+
+  await expect
+    .poll(getSupTrackEvent, {
+      timeout: 20000,
+    })
+    .not.toBe(undefined)
+
+  expect(
+    (await getSupTrackEvent())?.context?.consent?.categoryPreferences
+  ).toEqual({
+    FooCategory1: true,
+    FooCategory2: true,
+  })
+})