Janady13/thatstupidcomputer / tests/measurement/computer-funnel.test.mjs

1import test from 'node:test'; 2import assert from 'node:assert/strict'; 3import { CONSENT_KEY, DATA_LAYER, createAnalytics, validateEvent } from '../../apps/web/src/measurement/analytics.mjs'; 4 5const stages = ['open', 'intent_selected', 'attitude_requested', 'gesture_requested', 'mood_selected', 'back', 'demo_clicked', 'dismissed']; 6const intents = ['design', 'rescue', 'search', 'care', 'unsure']; 7 8function fixture() { 9 const scripts = [], storage = new Map(); 10 let vitalsLoads = 0; 11 const win = { 12 location: { hostname: 'studio.example.com', pathname: '/contact/', search: '?project=design&from=computer&email=private@example.com#private' }, 13 localStorage: { getItem: key => storage.get(key) ?? null, setItem: (key, value) => storage.set(key, value) }, 14 addEventListener() {}, 15 }; 16 const doc = { 17 referrer: 'https://studio.example.com/?message=private', cookie: '', 18 addEventListener() {}, 19 createElement: () => ({ remove() { this.removed = true; } }), 20 head: { appendChild: script => scripts.push(script) }, 21 }; 22 const service = createAnalytics({ 23 getWindow: () => win, getDocument: () => doc, now: () => 1_800_000_000_000, 24 loadVitals: async () => { 25 vitalsLoads++; 26 return { onCLS() {}, onINP() {}, onLCP() {} }; 27 }, 28 }); 29 const commands = () => Array.from(win[DATA_LAYER] ?? [], args => Array.from(args)); 30 const events = () => commands().filter(([command]) => command === 'event'); 31 const computerEvents = () => events().filter(([, name]) => name === 'computer_interaction'); 32 return { service, win, scripts, storage, commands, events, computerEvents, get vitalsLoads() { return vitalsLoads; } }; 33} 34 35function enable(f) { 36 f.service.configure({ canonicalOrigin: 'https://thatstupidcomputer.com', ga4MeasurementId: 'G-ABCDE' }); 37 f.service.setConsent('granted'); 38} 39 40test('computer schema accepts only the finite stage and intent dictionary', () => { 41 for (const interaction_stage of stages) for (const project_intent of [...intents, 'not_selected']) { 42 assert.equal(validateEvent('computer_interaction', { interaction_stage, project_intent }), true); 43 } 44 assert.equal(validateEvent('demo_start', { entry_point: 'computer' }), true); 45 for (const invalid of ['', 'DESIGN', 'private@example.com', '/contact/?project=design', 'a private message', null, 42, {}, ['design']]) { 46 assert.equal(validateEvent('computer_interaction', { interaction_stage: invalid, project_intent: 'design' }), false); 47 assert.equal(validateEvent('computer_interaction', { interaction_stage: 'intent_selected', project_intent: invalid }), false); 48 } 49}); 50 51test('computer schema rejects unknown fields, accessors and inherited payloads without reading content', () => { 52 const safe = { interaction_stage: 'demo_clicked', project_intent: 'design' }; 53 for (const key of ['email', 'name', 'phone', 'message', 'page_location', 'page_url', 'project', 'requestId', 'request_id', '__proto__']) { 54 assert.equal(validateEvent('computer_interaction', { ...safe, [key]: 'private@example.com' }), false); 55 } 56 assert.equal(validateEvent('computer_interaction', { interaction_stage: 'open' }), false); 57 assert.equal(validateEvent('computer_interaction', Object.create(safe)), false); 58 assert.equal(validateEvent('computer_interaction', { ...safe, [Symbol('private')]: 'secret' }), false); 59 const getter = Object.defineProperty({ project_intent: 'design' }, 'interaction_stage', { 60 enumerable: true, get() { throw new Error('private getter must not execute'); }, 61 }); 62 assert.equal(validateEvent('computer_interaction', getter), false); 63}); 64 65test('computer clicks remain inactive without config or consent and never replay on grant', async () => { 66 const missing = fixture(); 67 missing.service.setConsent('granted'); 68 assert.equal(missing.service.computerInteraction('open'), false); 69 assert.equal(missing.service.demoStart('computer'), false); 70 assert.equal(missing.scripts.length, 0); 71 const f = fixture(); 72 f.service.configure({ canonicalOrigin: 'https://thatstupidcomputer.com', ga4MeasurementId: 'G-ABCDE' }); 73 for (const stage of stages) assert.equal(f.service.computerInteraction(stage, 'design'), false); 74 assert.equal(f.service.demoStart('computer'), false); 75 f.service.setConsent('denied'); 76 assert.equal(f.service.computerInteraction('open'), false); 77 await new Promise(resolve => setImmediate(resolve)); 78 assert.equal(f.scripts.length, 0); 79 assert.equal(f.vitalsLoads, 0); 80 assert.equal(f.win[DATA_LAYER], undefined); 81 f.service.setConsent('granted'); 82 assert.deepEqual(f.events().map(([, name]) => name), ['page_view']); 83 assert.equal(f.scripts.length, 1); 84}); 85 86test('one explicit method call emits one computer event with no raw URL, text or receipt', () => { 87 const f = fixture(); enable(f); 88 assert.equal(f.service.computerInteraction('open'), true); 89 for (const intent of intents) assert.equal(f.service.computerInteraction('intent_selected', intent), true); 90 for (const stage of stages.slice(2)) assert.equal(f.service.computerInteraction(stage, 'design'), true); 91 assert.equal(f.computerEvents().length, 1 + intents.length + stages.length - 2); 92 assert.deepEqual(f.computerEvents()[0][2], { 93 interaction_stage: 'open', project_intent: 'not_selected', 94 page_location: 'https://thatstupidcomputer.com/contact/', page_title: 'Contact', page_referrer: '', send_to: 'G-ABCDE', 95 }); 96 assert.equal(f.service.computerInteraction('open'), true, 'a second actual click remains a second interaction'); 97 assert.equal(f.computerEvents().filter(([, , payload]) => payload.interaction_stage === 'open').length, 2); 98 const count = f.events().length; 99 assert.equal(f.service.computerInteraction('private@example.com', 'design'), false); 100 assert.equal(f.service.computerInteraction('intent_selected', 'private@example.com'), false); 101 assert.equal(f.service.computerInteraction('open', null), false); 102 assert.equal(f.events().length, count); 103 assert.doesNotMatch(JSON.stringify(f.commands()), /private|@|studio\.example|#|\?project|requestId|request_id/); 104 assert.deepEqual([...f.storage.keys()], [CONSENT_KEY]); 105}); 106 107test('withdrawal and tag failure stop new computer events and discard queued interactions', () => { 108 const f = fixture(); enable(f); 109 f.service.computerInteraction('open'); 110 f.service.computerInteraction('demo_clicked', 'search'); 111 f.service.setConsent('denied'); 112 assert.equal(f.scripts[0].removed, true); 113 assert.equal(f.win['ga-disable-G-ABCDE'], true); 114 assert.equal(f.service.computerInteraction('dismissed'), false); 115 assert.equal(f.service.demoStart('computer'), false); 116 assert.equal(f.events().length, 0); 117 f.service.setConsent('granted'); 118 assert.equal(f.computerEvents().length, 0, 'withdrawn events do not return after regrant'); 119 f.scripts.at(-1).onerror(); 120 assert.equal(f.service.computerInteraction('open'), false); 121 assert.equal(f.events().length, 0); 122}); 123 124test('computer demo journey never implies a lead before the existing SMTP acceptance boundary', () => { 125 const f = fixture(); enable(f); 126 f.service.computerInteraction('open'); 127 f.service.computerInteraction('intent_selected', 'rescue'); 128 f.service.computerInteraction('demo_clicked', 'rescue'); 129 f.service.demoStart('computer'); 130 f.service.demoSubmitError('validation'); 131 assert.equal(f.events().filter(([, name]) => name === 'generate_lead').length, 0); 132 assert.equal(f.service.generateLead('demo_clicked', 'accepted-receipt-1'), false); 133 assert.equal(f.service.generateLead('smtp_accepted', 'accepted-receipt-1'), true); 134 assert.equal(f.service.generateLead('smtp_accepted', 'accepted-receipt-1'), false); 135 assert.equal(f.events().filter(([, name]) => name === 'generate_lead').length, 1); 136 assert.deepEqual(f.events().filter(([, name]) => name === 'demo_start').map(([, , payload]) => payload.entry_point), ['computer']); 137 assert.doesNotMatch(JSON.stringify(f.commands()), /accepted-receipt-1|requestId|request_id/); 138}); 139