feat(DIAM-69): Send analytics event when tapping Complete My Profile

src/app/Scenes/Activity/components/CollectorUpdateNotification.tsx

@@ -1,9 +1,11 @@
+import { ActionType, ContextModule, OwnerType, TappedCompleteYourProfile } from "@artsy/cohesion"
 import { Flex, Text, Touchable } from "@artsy/palette-mobile"
 import { CollectorUpdateNotification_item$key } from "__generated__/CollectorUpdateNotification_item.graphql"
 import { CollectorUpdateNotification_notification$key } from "__generated__/CollectorUpdateNotification_notification.graphql"
 import { MyCollectionBottomSheetModalArtistsPrompt } from "app/Scenes/MyCollection/Components/MyCollectionBottomSheetModals/MyCollectionBottomSheetModalArtistsPrompt"
 import { FC, useState } from "react"
 import { graphql, useFragment } from "react-relay"
+import { useTracking } from "react-tracking"
 import { CollectorProfilePrompt } from "./CollectorProfilePrompt"
 
 interface CollectorUpdateNotificationProps {
@@ -18,6 +20,7 @@ export const CollectorUpdateNotification: FC<CollectorUpdateNotificationProps> =
   onPress,
 }) => {
   const [promptVisible, setPromptVisible] = useState(false)
+  const { trackEvent } = useTracking()
   const notification = useFragment(NOTIFICATION_FRAGMENT, _notification)
   const item = useFragment(ITEM_FRAGMENT, _item)
 
@@ -30,6 +33,9 @@ export const CollectorUpdateNotification: FC<CollectorUpdateNotificationProps> =
   const itemInfo = hasEmptyCollection ? addArtistsToCollectiontInfo : collectorProfileInfo
 
   const handleOnPress = () => {
+    if (itemInfo.prompt === "CollectorProfile") {
+      trackEvent(tracks.tappedCompleteYourProfile())
+    }
     setPromptVisible(true)
     onPress()
   }
@@ -99,3 +105,11 @@ const collectorProfileInfo = {
   body: "By completing your profile, you’re more likely to receive quick responses from galleries.",
   prompt: "CollectorProfile",
 }
+
+const tracks = {
+  tappedCompleteYourProfile: (): TappedCompleteYourProfile => ({
+    action: ActionType.tappedCompleteYourProfile,
+    context_module: ContextModule.collectorProfileCard,
+    context_screen_owner_type: OwnerType.profile,
+  }),
+}

src/app/Scenes/Activity/components/__tests__/CollectorUpdateNotification.tests.tsx

@@ -1,12 +1,17 @@
 import { fireEvent, screen } from "@testing-library/react-native"
 import { CollectorUpdateNotification_Test_Query } from "__generated__/CollectorUpdateNotification_Test_Query.graphql"
 import { CollectorUpdateNotification } from "app/Scenes/Activity/components/CollectorUpdateNotification"
+import { mockTrackEvent } from "app/utils/tests/globallyMockedStuff"
 import { setupTestWrapper } from "app/utils/tests/setupTestWrapper"
 import { Suspense } from "react"
 import { graphql } from "react-relay"
 
 describe("CollectorUpdateNotification", () => {
   const onPress = jest.fn()
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
   const { renderWithRelay } = setupTestWrapper<CollectorUpdateNotification_Test_Query>({
     Component: ({ notificationsConnection }) => {
       if (!notificationsConnection.edges?.[0]?.node) {
@@ -90,4 +95,25 @@ describe("CollectorUpdateNotification", () => {
 
     expect(onPress).toHaveBeenCalledTimes(1)
   })
+
+  it("tracks tappedCompleteYourProfile event when collector profile notification is pressed", async () => {
+    renderWithRelay({
+      Me: () => ({
+        profession: "Blacksmith",
+        location: { display: "" },
+      }),
+      CollectorProfileType: () => ({
+        lastUpdatePromptAt: "2021-09-01T00:00:00Z",
+      }),
+    })
+
+    const title = await screen.findByText("Tell us a little bit more about you.")
+    fireEvent.press(title)
+
+    expect(mockTrackEvent).toHaveBeenCalledWith({
+      action: "tappedCompleteYourProfile",
+      context_module: "collectorProfileCard",
+      context_screen_owner_type: "profile",
+    })
+  })
 })

src/app/Scenes/MyCollection/Screens/Insights/__tests__/CareerHighlightBottomSheet.tests.tsx

@@ -64,11 +64,11 @@ describe(makeCareerHighlightMap, () => {
 
   it("Prepares the eventDigest and creates a map of each year to the highlight kind", () => {
     const result = makeCareerHighlightMap(
-      "2017 Group Show @ MOCA Los Angeles; 2015 Reviewed Solo Show @ The Guardian; 2015 Reviewed Solo Show @ Art in America"
+      "2020 Group Show @ MOCA Los Angeles; 2015 Reviewed Solo Show @ The Guardian; 2015 Reviewed Solo Show @ Art in America"
     )
 
     expect(result).toEqual({
-      2017: { "Group Show": ["MOCA Los Angeles"] },
+      2020: { "Group Show": ["MOCA Los Angeles"] },
     })
   })