ArtistToolTip.test.tsx

import { SystemContextProvider } from "Artsy"
import { FollowArtistButton } from "Components/FollowButton/FollowArtistButton"
import { Artists } from "Components/Publishing/Fixtures/Components"
import { wrapperWithContext } from "Components/Publishing/Fixtures/Helpers"
import { mount } from "enzyme"
import "jest-styled-components"
import PropTypes from "prop-types"
import React from "react"
import { ArtistToolTip, TitleDate } from "../ArtistToolTip"

describe("ArtistToolTip", () => {
  const getWrapper = (props, context = {}) => {
    return mount(
      wrapperWithContext(
        {
          ...context,
          tooltipsData: {
            artists: [props.artist],
          },
        },
        {
          tooltipsData: PropTypes.object,
          onOpenAuthModal: PropTypes.func,
          user: PropTypes.object,
        },
        <SystemContextProvider user={(context as any).user}>
          <ArtistToolTip {...props} />
        </SystemContextProvider>
      )
    )
  }

  let testProps
  beforeEach(() => {
    testProps = {
      tracking: { trackEvent: jest.fn() },
      artist: Artists[0].artist,
    }
  })

  it("Renders artist data", () => {
    const component = getWrapper(testProps)

    expect(component.text()).toMatch(testProps.artist.name)
    expect(component.text()).toMatch(
      testProps.artist.formatted_nationality_and_birthday
    )
    expect(component.text()).toMatch(
      "Nick Mauss makes drawings, prints, and paintings that often"
    )
    expect(component.html()).toMatch(
      "https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FeYGNRMFqIirK-962fSOAsw%2Flarge.jpg"
    )
    expect(component.find("img").length).toBe(2)
  })

  it("Renders genes if no bio present", () => {
    delete testProps.artist.blurb
    const component = getWrapper(testProps)

    expect(component.text()).toMatch(
      "United States, Abstract Art, 21st Century"
    )
  })

  it("Tracks clicks to artist page", () => {
    const component = getWrapper(testProps)
    component
      .find(TitleDate)
      .at(0)
      .simulate("click")
    const trackingData = testProps.tracking.trackEvent.mock.calls[0][0]

    expect(trackingData.action).toBe("Click")
    expect(trackingData.flow).toBe("tooltip")
    expect(trackingData.type).toBe("artist stub")
    expect(trackingData.contextModule).toBe("intext tooltip")
    expect(trackingData.destination_path).toBe("/artist/nick-mauss")
  })

  describe("Open Auth Modal", () => {
    it("callback gets called when followButton is clicked", () => {
      const artist = Artists[0].artist
      const context = {
        onOpenAuthModal: jest.fn(),
        user: null,
      }
      const component = getWrapper({ artist }, context)
      component.find(FollowArtistButton).simulate("click")
      const args = context.onOpenAuthModal.mock.calls[0]

      expect(args[0]).toBe("signup")
      expect(args[1].contextModule).toBe("intext tooltip")
      expect(args[1].intent).toBe("follow artist")
    })
  })
})