feat(cookie-consent): add screen to context object of segment (#2012)

Signed-off-by: Alexandre Philibeaux <[email protected]>

Author: philibea

.changeset/chatty-ladybugs-rhyme.md

@@ -0,0 +1,5 @@
+---
+'@scaleway/cookie-consent': patch
+---
+
+Add a screen object from window into the context of segment

packages/cookie-consent/src/CookieConsentProvider/SegmentConsentMiddleware.tsx

@@ -47,6 +47,17 @@ export const SegmentConsentMiddleware = ({
           // https://segment.com/docs/privacy/consent-management/consent-in-segment-connections/#consent-object
           categoryPreferences: categoriesConsent,
         }
+        // eslint-disable-next-line  @typescript-eslint/no-unnecessary-condition
+        if (window) {
+          const screen = {
+            width: window.screen.width,
+            height: window.screen.height,
+            availHeight: window.screen.availHeight,
+            availWidth: window.screen.availWidth,
+          }
+          // eslint-disable-next-line , no-param-reassign
+          payload.obj.context['screen'] = screen
+        }
 
         // eslint-disable-next-line , no-param-reassign
         payload.obj.context['consent'] = consent

packages/cookie-consent/src/CookieConsentProvider/__tests__/SegmentConsentMiddleware.test.tsx

@@ -0,0 +1,29 @@
+// useSegmentIntegrations tests have been splitted in multiple files because of https://github.com/facebook/vi/issues/8987
+import SegmentProvider from '@scaleway/use-segment'
+import { render } from '@testing-library/react'
+import { describe, it } from 'vitest'
+import { CookieConsentProvider, SegmentConsentMiddleware } from '..'
+
+const segmentSettings = {
+  writeKey: 'writeKey',
+  cdnURL: 'cdnURL',
+  timeout: 300,
+}
+
+describe('CookieConsent - SegmentConsentMiddleware', () => {
+  it('should render correctly', () => {
+    render(
+      <CookieConsentProvider
+        isConsentRequired
+        essentialIntegrations={['Stripe', 'Sentry']}
+        config={{
+          segment: segmentSettings,
+        }}
+      >
+        <SegmentProvider settings={segmentSettings} events={{}}>
+          <SegmentConsentMiddleware amplitudeIntegrationName="Amplitude (Actions)" />
+        </SegmentProvider>
+      </CookieConsentProvider>,
+    )
+  })
+})