feat(MOPLAT-619): Context menu for artwork items

src/app/Components/ArtworkGrids/ArtworkGridItem.tsx

@@ -427,6 +427,7 @@ export default createFragmentContainer(Artwork, {
   artwork: graphql`
     fragment ArtworkGridItem_artwork on Artwork
     @argumentDefinitions(includeAllImages: { type: "Boolean", defaultValue: false }) {
+      ...useCreateArtworkAlert_artwork
       title
       date
       saleMessage
@@ -473,7 +474,6 @@ export default createFragmentContainer(Artwork, {
         aspectRatio
       }
       realizedPrice
-      ...useCreateArtworkAlert_artwork
     }
   `,
 })

src/app/Components/ArtworkRail/ArtworkRailCard.tsx

@@ -420,6 +420,7 @@ const RecentlySoldCardSection: React.FC<
 
 const artworkFragment = graphql`
   fragment ArtworkRailCard_artwork on Artwork @argumentDefinitions(width: { type: "Int" }) {
+    ...useCreateArtworkAlert_artwork
     id
     slug
     internalID
@@ -464,7 +465,6 @@ const artworkFragment = graphql`
     }
     title
     realizedPrice
-    ...useCreateArtworkAlert_artwork
   }
 `
 

src/app/Scenes/Artwork/Components/ArtworkScreenHeaderCreateAlert.tsx

@@ -69,8 +69,8 @@ export const ArtworkScreenHeaderCreateAlert: React.FC<ArtworkScreenHeaderCreateA
 
 const ArtworkScreenHeaderCreateAlert_artwork = graphql`
   fragment ArtworkScreenHeaderCreateAlert_artwork on Artwork {
-    isForSale
     ...useCreateArtworkAlert_artwork
+    isForSale
   }
 `
 

src/app/Scenes/Sale/BuyNowArtworksRail.tests.tsx

@@ -1,50 +1,34 @@
-import { BuyNowArtworksRailTestsQuery } from "__generated__/BuyNowArtworksRailTestsQuery.graphql"
-import { renderWithWrappers } from "app/utils/tests/renderWithWrappers"
-import { resolveMostRecentRelayOperation } from "app/utils/tests/resolveMostRecentRelayOperation"
-import { graphql, QueryRenderer } from "react-relay"
-import { createMockEnvironment } from "relay-test-utils"
+import { setupTestWrapper } from "app/utils/tests/setupTestWrapper"
+import { graphql } from "react-relay"
 import { BuyNowArtworksRailContainer } from "./Components/BuyNowArtworksRail"
 
 describe("BuyNowArtworksRail", () => {
-  let mockEnvironment: ReturnType<typeof createMockEnvironment>
-  const TestRenderer = () => (
-    <QueryRenderer<BuyNowArtworksRailTestsQuery>
-      environment={mockEnvironment}
-      query={graphql`
-        query BuyNowArtworksRailTestsQuery($id: String!) @relay_test_operation {
-          sale(id: $id) {
-            ...BuyNowArtworksRail_sale
-          }
+  const { renderWithRelay } = setupTestWrapper({
+    Component: BuyNowArtworksRailContainer,
+    query: graphql`
+      query BuyNowArtworksRailTestsQuery($id: String!) @relay_test_operation {
+        sale(id: $id) {
+          ...BuyNowArtworksRail_sale
         }
-      `}
-      variables={{ id: "sale-id" }}
-      render={({ props }) => {
-        if (props?.sale) {
-          return <BuyNowArtworksRailContainer sale={props.sale} />
-        }
-        return null
-      }}
-    />
-  )
-  beforeEach(() => {
-    mockEnvironment = createMockEnvironment()
+      }
+    `,
+    variables: { id: "sale-id" },
   })
+
   it(`renders title "Buy now"`, () => {
-    const { getByText } = renderWithWrappers(<TestRenderer />)
-    resolveMostRecentRelayOperation(mockEnvironment, mockProps)
+    const { getByText } = renderWithRelay(mockProps)
     expect(getByText("Artworks Available to Buy Now")).toBeDefined()
   })
 
   it("renders nothing if there are no artworks", () => {
-    const { queryAllByTestId } = renderWithWrappers(<TestRenderer />)
     const noArtworksProps = {
       Sale: () => ({
         saleArtworksConnection: {
           edges: [],
         },
       }),
     }
-    resolveMostRecentRelayOperation(mockEnvironment, noArtworksProps)
+    const { queryAllByTestId } = renderWithRelay(noArtworksProps)
     expect(queryAllByTestId("bnmo-rail-wrapper")).toHaveLength(0)
   })
 })

src/app/Scenes/Sale/Components/NewBuyNowArtworksRail.tests.tsx

@@ -1,53 +1,37 @@
 import { screen } from "@testing-library/react-native"
-import { NewBuyNowArtworksRailTestsQuery } from "__generated__/NewBuyNowArtworksRailTestsQuery.graphql"
-import { renderWithWrappers } from "app/utils/tests/renderWithWrappers"
-import { resolveMostRecentRelayOperation } from "app/utils/tests/resolveMostRecentRelayOperation"
-import { graphql, QueryRenderer } from "react-relay"
-import { createMockEnvironment } from "relay-test-utils"
+import { setupTestWrapper } from "app/utils/tests/setupTestWrapper"
+import { graphql } from "react-relay"
 import { NewBuyNowArtworksRailContainer } from "./NewBuyNowArtworksRail"
 
 describe("NewBuyNowArtworksRail", () => {
-  let mockEnvironment: ReturnType<typeof createMockEnvironment>
-  const TestRenderer = () => (
-    <QueryRenderer<NewBuyNowArtworksRailTestsQuery>
-      environment={mockEnvironment}
-      query={graphql`
-        query NewBuyNowArtworksRailTestsQuery($id: String!) @relay_test_operation {
-          sale(id: $id) {
-            ...NewBuyNowArtworksRail_sale
-          }
+  const { renderWithRelay } = setupTestWrapper({
+    Component: NewBuyNowArtworksRailContainer,
+    query: graphql`
+      query NewBuyNowArtworksRailTestsQuery($id: String!) @relay_test_operation {
+        sale(id: $id) {
+          ...NewBuyNowArtworksRail_sale
         }
-      `}
-      variables={{ id: "sale-id" }}
-      render={({ props }) => {
-        if (props?.sale) {
-          return <NewBuyNowArtworksRailContainer sale={props.sale} />
-        }
-        return null
-      }}
-    />
-  )
-  beforeEach(() => {
-    mockEnvironment = createMockEnvironment()
+      }
+    `,
+    variables: { id: "sale-id" },
   })
-  it(`renders "Buy now" rail and artworks`, () => {
-    renderWithWrappers(<TestRenderer />)
-    resolveMostRecentRelayOperation(mockEnvironment, mockProps)
 
+  it(`renders "Buy now" rail and artworks`, () => {
+    renderWithRelay(mockProps)
     expect(screen.queryByText("Artworks Available to Buy Now")).toBeDefined()
     expect(screen.queryAllByText("Best artwork ever, 2019")).toBeDefined()
   })
 
   it("renders nothing if there are no artworks", () => {
-    const { queryAllByTestId } = renderWithWrappers(<TestRenderer />)
     const noArtworksProps = {
       Sale: () => ({
         artworksConnection: {
           edges: [],
         },
       }),
     }
-    resolveMostRecentRelayOperation(mockEnvironment, noArtworksProps)
+
+    const { queryAllByTestId } = renderWithRelay(noArtworksProps)
     expect(queryAllByTestId("bnmo-rail-wrapper")).toHaveLength(0)
   })
 })