测试 React Native Image.getSize：无法监视原始值；给定的字符串

Question

我有一个钩子可以检测 React Native Image 的方向：

import { useState, useEffect } from 'react'
import { Image } from 'react-native'

const useFindImageSize = (image) => {
  const [width, setWidth] = useState(0)
  const [height, setHeight] = useState(0)

  useEffect(() => {
    (async() => {
      await Image.getSize(image,
        (width, height) => {
          setWidth(width)
          setHeight(height)
        })
    })()
  }, [image])

  return { width, height }
}

并且最初编写了一个测试来查看 getSize 是否已被调用：

import { Image } from 'react-native'
import { renderHook } from '@testing-library/react-hooks'
import useFindImageSize from '../useFindImageSize'

describe('useFindImageSize', () => {
  const getSize = jest.spyOn(
    Image, 'getSize').mockImplementation(jest.fn()
  )

  afterEach(() => {
    jest.clearAllMocks()
  })

  it('should call getSize', () => {
    const { result } = renderHook(() =>
      useFindImageSize('test_image')
    )
    expect(getSize).toHaveBeenCalledTimes(1)
  })
})

一个我认为可行的基本测试，（这是基于 这关于同一主题的问题/答案）。

但我在运行测试时遇到此错误：

 ● ImageOrientation › useFindImageSize › encountered a declaration exception
Cannot spyOn on a primitive value; string given

Whichrefers to const getSizeSpyOn = jest.spyOn(

该钩子将图像 uri 作为其参数，然后决定它应该是纵向还是横向图像，但我很困惑如何解决这个问题，有人知道我做错了什么吗？

Answer 1

尝试类似的方法：

const getSize = jest.spyOn(Image.prototype, 'getSize')
  .mockImplementation(jest.fn())

与您的代码相同，仅添加“.prototype”（不带引号）。