text () не возвращает текст внутри компонента

Question

У меня есть компонент, показанный ниже

<TouchableOpacity onPress={toggleRecovery}>
    <PasswordText small name="passText" bold center>
         {recovery ? 'Back to login' : 'Forgot password ?'}
    </PasswordText>
</TouchableOpacity>

И я написал тест, чтобы проверить, изменяется ли текст со значением восстановления как ниже

test('should Back to login if recovery is true', () => {
      const wrapper = shallow(<Login {...props} />)
      const value = wrapper.find('[name="passText"]')
      expect(value.length).toBe(1)
      wrapper.setState({ recovery: true })
      expect(value.text()).toEqual('Back to login')
    })

Но яя получаю сообщение об ошибке теста ниже

expect(received).toEqual(expected)

    Expected value to equal:
      "Forgot password ?"
    Received:
      "<Styled(Styled(_default)) />"

Почему я не получаю текст в качестве ожидаемого значения и как я могу решить эту проблему.