🤖 Merge PR DefinitelyTyped#73573 Add tests and definitions for subscriber by @alexs-mparticle

Author: alexs-mparticle

types/mparticle__web-sdk/index.d.ts

@@ -25,7 +25,7 @@ export interface RoktPlacementEvent<T = void> {
 }
 
 export interface RoktSubscriber<T> {
-    subscribe(handler: T): RoktUnsubscriber;
+    subscribe(handler: (value: T) => void): RoktUnsubscriber;
 }
 
 export interface RoktUnsubscriber {

types/mparticle__web-sdk/test/mparticle__web-sdk-instance-tests.ts

@@ -723,3 +723,96 @@ const firstSeenTime: number = user5.getFirstSeenTime();
 user5.getCart().add(product1, true);
 user5.getCart().remove(product1, true);
 user5.getCart().clear();
+
+mParticle.Rokt.selectPlacements({
+    attributes: {
+        'foo': 'bar',
+        'fizz': 'buzz',
+    },
+}).then(selection => {
+    // Test event subscription patterns
+    selection.on('PLACEMENT_INTERACTIVE').subscribe(() => {
+        console.log('Placement interaction');
+    });
+
+    selection.on('PLACEMENT_COMPLETED').subscribe(event => {
+        console.log('Placement completed', event);
+        console.log('Event details:', event.body, event.event, event.placement);
+    });
+
+    // Test unsubscription
+    const unsubscriber = selection.on('PLACEMENT_READY').subscribe(event => {
+        console.log('Placement ready:', event.placement.id);
+    });
+    unsubscriber.unsubscribe();
+
+    // Test selection methods
+    selection.ready().then(() => {
+        console.log('Selection is ready');
+    });
+
+    selection.send('custom_event', { data: 'test' });
+
+    selection.setAttributes({
+        'dynamic_attr': 'updated_value',
+        'user_segment': 'premium'
+    });
+
+    // Test getting individual placements
+    selection.getPlacements().then(placements => {
+        placements.forEach(placement => {
+            console.log('Placement ID:', placement.id);
+            console.log('Placement element:', placement.element);
+
+            // Test placement-specific events
+            placement.on('PLACEMENT_RENDERED').subscribe(event => {
+                console.log('Placement rendered:', event);
+            });
+
+            // Test placement methods
+            placement.ready().then(() => {
+                console.log(`Placement ${placement.id} is ready`);
+            });
+
+            placement.send('placement_event', { custom: 'data' });
+
+            // Test placement close events
+            placement.onClose().then(() => {
+                console.log(`Placement ${placement.id} was closed`);
+            });
+
+            // Test manual close
+            placement.close().then(() => {
+                console.log(`Placement ${placement.id} closed programmatically`);
+            });
+        });
+    });
+
+    // Test selection close
+    selection.close();
+});
+
+// Test other Rokt methods
+mParticle.Rokt.hashAttributes({
+    email: '[email protected]',
+    userId: '12345',
+    segment: 'premium'
+}).then(hashedAttrs => {
+    console.log('Hashed attributes:', hashedAttrs);
+});
+
+mParticle.Rokt.setExtensionData({
+    'analytics': { sessionId: 'abc123' },
+    'personalization': { variant: 'A' }
+});
+
+// Test with identifier
+mParticle.Rokt.selectPlacements({
+    attributes: {
+        'placement_type': 'checkout',
+        'cart_value': 150.00
+    },
+    identifier: 'checkout-flow-2024',
+}).then(selection => {
+    console.log('Selection with identifier created', selection);
+});