React Native: обновление значений api контекста в модульных тестах jest

Question

Я пишу модульные тесты для проверки собственной формы реакции с небольшим количеством вводимых текста и настраиваемым выпадающим полем. Я используюjest с react-native-testing-library. Форма подтверждается при отправке через прессу. Значения формы сохраняются и доступны из контекста (который использует ловушку useReducer()).

Я не мог смоделировать входное значение в Dropdown поле, поэтому, чтобы пропустить его, я хотел установить значение контекста поля, отправив случайное допустимое значение в контекст, заключенное в act(), чтобы проверка на этом не закончилась и продолжила проверку следующего TextInput.

Но когда я регистрирую значение контекста, оно остается прежним, и проверка останавливается с предыдущими полями.

ContextProvider.js

export function FormContextProvider({children}){
  const [formValues, dispatchFormValues] = useReducer(
    formValuesReducer,
    individualFormInitialState
  );

  return <FormContext.Provider value={formValues,dispatchFormValues}> 
  {children}</FormContext.Provider>

}


function formValuesReducer(state, action) {
  switch (action.type) {
    case "FIELD_VALUE":
      return { ...state, ...action.payload };  
    default:
      return state;
  }
}

FormComponent.js

export default class FormComponent extends React.Component {
  render() {
  const formContext = useContext();
  const [t1Err, setT1Err] = useState("");
  const [t2Err, t2Err] = useState("");
  const [dpErr, dpErr] = useState("");

  const validateAndSubmit = ()=>{
   //some validations...

  }

  return (
      <View style={styles.container}>
        <TextInput
        value="whatever"
        onChange={(val)=>formContext.dispatch({
          type:"FORM_VALUE",
          payload:{t1:val}
        })}
        ></TextInput>
      <DropdownSelect 
        some={props}
        onChange={(val)=>formContext.dispatch({
          type:"FORM_VALUE",
          payload:{dp:val}
        })}
       value={formContext.formValues.dp}
     />
     <TextInput
        value="whatever"
        onChange={()=>formContext.dispatch({
          type:"FORM_VALUE",
          payload:{t2:val}
        })}
        ></TextInput>
      {t2Err ? <InputError>{"This field is mandatory"}</InputError>:<></>}
      <Button onPress={validateAndSubmit}></Button>
      </View>
    );
  }
}

FormComponent.test.js

   const form = (
    <FormContextProvider>
      <FormContext.Consumer>
        {props => {
          return (
            <Text testID="context_exposer" {...props}>
              Exposes Context
            </Text>
          );
        }}
      </FormContext.Consumer>
      <FormComponent navigation={navigation} />
    </FormContextProvider>
   );

    //expose the context for tests
    const {
     dispatchFormValues,
     formValues
    } = form.getByTestId("context_exposer").props;


   describe("form validations",()=>{

     it("t2 validations",done=>{

        fireEvent.changeText(t1, "valid input text");
        act(
          ()=>dispatchFormValues({
            type: "FIELD_VALUE",
            payload: { dp: 200 }
          })
        );
        console.log("formValues", formValues.dp);/* *** still logs old values *** */
        fireEvent.press(submitBtn);
        //t2 input is empty and required, so on submitbtnPress, should show an error msg.
        const t2Err = t2Input.findByType(InputError); 

        expect(t2Err).not.toBeNull();//test fails since no errorMsg element is showing.
        done();

   });


  })

Итак, мой вопрос: почему не обновляется контекст? Это неправильный способ обновить контекст?

Примечание: я не издеваюсь над контекстом и предпочел бы использовать реальный контекст таким образом.

Answer 1

На самом деле проблема заключалась в какой-то ошибке, которую я сделал, а не в какой-то причуде с библиотеками тестирования.

1. Контекст обновлялся, просто глобальная переменная, которую я использовал, имела старые значения, и чтобы получить обновленное значение контекста, мне пришлось снова получить доступ к контексту, например form.getByTestId("context_exposer").props.formValues
2. Я вводил недопустимый текст в первый текстовый ввод ("действительный текст ввода"/* недействителен:) */), останавливая валидацию там самого.

Спасибо за ваше время.