Jest Enzyme測試失敗，未定義

Question

在下面的代碼中，我使用React，Jest和Enzyme來確認傳遞到組件中的prop具有已知值。 被測組件由受控的INPUT元素組成。 當我將其中一個測試值更改為FAIL（失敗）時，“ Received”（接收到的）值將以未定義而不是錯誤的值返回。 我不知道為什么。 我是否錯誤地測試了輸入元素的值？

import React from "react"
import { shallow, mount, render } from 'enzyme';
import { MyAddressForm } from "../components/addressForm"

const testText = "fieldValue"

const testObject = {
  firstName: {testText},
  lastName: 'Smith'
}

const wrapper = shallow(<MyAddressForm shipTo={testObject}  />)

var fields = []

for (var field in testObject) {
  if (testObject.hasOwnProperty(field)) {
    fields.push(field)
  }
}

var theTest = (fieldName) => {
  let selector = `input[name="${fieldName}"]`
  expect(wrapper.find(selector).prop('value').text).toEqual(testText)
}

test.each(fields)(
  '%s',
  fieldName => theTest(fieldName)
)

Answer 1

因為firstName被設置為對象，而不是testText的值！

正確的測試功能應為：

var theTest = (fieldName) => {
  let selector = `input[name="${fieldName}"]`
  expect(wrapper.find(selector).prop('value')).toEqual(testText)
}