Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

260
Views
How to wait for state update in jest enzyme

I have a simple component

const Summary = () => {
    const [isFocused, setIsFocused] = useState(false);

    const onFocus = React.useCallback(() => {
      setEnableReplyShortcut(true);
    }, []);

    const onBlur = React.useCallback(() => setEnableReplyShortcut(false), []);


    return (
        <WrapperComponent>
            <ComponentToFocus onFocus={onFocus} onBlur={onBlur} >
                <Sum isFocused={isFocused}/>
            </ComponentToFocus>
        </WrapperComponent.Provider>
    )
}

And I have jest test

import { shallow } from "enzyme";

test("sets isFocused correctly", () => {
    const wrapper = shallow(<WrapperComponent/>

    wrapper.find(ComponentToFocus).simulate("focus");
    expect(wrapper.find(Sum).prop("isFocused")).toBe(true);

    wrapper.find(ComponentToFocus).simulate("blur");
    expect(wrapper.find(Sum).prop("isFocused")).toBe(false);
});

Why this test does not work? I tried wrapper.update() or wrap the focus and update to act(() => ...) but it didn't help and the test finishes before the state isFocused is updated in the Sum component

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!