获取测试中 Native Base Select 组件的选中值

Question

我正在尝试从 Native Base 测试我的 Select 组件，在测试中我从列表中选择一个项目或直接触发带有值的 onValueChange 道具然后断言所选值，但我找不到道具保存选定的值，我试过调试、记录组件，但我看不到哪个道具保存该值，它应该是 selectedValue，但我无法获取它。

我选择的一个简短的 sn-p 由 React Hook Forms 管理，我的测试使用 React Native Testing Library 和 Jest

 <Controller
              control={control}
              render={({ field: { onChange, onBlur, value } }) => (
                <Select
                  selectedValue={value}
                  onValueChange={onChange}
                  minWidth='200'
                  accessibilityLabel={t('typePlaceholder')}
                  placeholder={t('typePlaceholder')}
                  _selectedItem={{
                    bg: 'teal.600',
                    endIcon: <CheckIcon size={5} />,
                  }}
                  mt='1'
                  testID='type-select'
                >
                  {FUTURE_EXPENSE_TYPE_LIST.map(({ id, label, type }) => (
                    <Select.Item
                      label={t(label)}
                      value={type}
                      key={id}
                      testID={`${label}-id`}
                    />
                  ))}
                </Select>
              )}
              name='type'
            />

我的测试：

 it.only('test', async () => {
    const futureExpensesAndGoalsPage = defaultNativeBaseWrapper(
      <FutureExpensesAndGoals />
    );
    fireEvent.press(
      futureExpensesAndGoalsPage.getByText(
        'enableFutureExpenseAndGoalsFormButtonLabel'
      )
    );

    fireEvent(
      futureExpensesAndGoalsPage.getByPlaceholderText('typePlaceholder'),
      'onValueChange',
      'goals'
    );

    expect(
      futureExpensesAndGoalsPage.getByPlaceholderText('typePlaceholder').props
        .value
    ).toBe('goals');

    futureExpensesAndGoalsPage.debug();

    console.log(
      'test',
      futureExpensesAndGoalsPage.getByTestId('debt-id').props
    );
  });

Answer 1

你有没有尝试过：

onValueChange={(value) => onChange(value)}