enzyme: update() doesn't work for component conditional rendering (based on state)

I would expect that after wrapper.update(), the entire tree would rerender based on the new props/state/etc - so the children should be updated.

One thing that immediately jumps out to me is your use of async/await. The enzyme setState method does not return a Promise, so your use of await is effectively a noop. Try passing a callback as the second argument to setState instead.

@minznerjosh ill do that and look into the issue as a whole.

If somebody was able to open up a PR with a failing testcase for this issue, that’d be amazing.

thanks for the report, everyone.

I’m having this same problem.

Can find <CardBody />, can’t find conditionally rendered child button, even when state preconditions are met. Removing state precondition causes test to pass.

Adding update() or .forceUpdate() doesn’t help.

“react”: “16.8.6” “enzyme”: “3.10.0” “enzyme-adapter-react-16”: “1.14.0”

Test:

    it('displays upload button on Card if file.status === Needs Input', () => {
      const buttons = shallow(
        <FileAccordion
          files={[
            {
              originalFileData: {
                path: 'Myfile.mp3',
                fileStatus: 'Needs Input'
              }
            }
          ]}
        />
      )
        .find(Accordion)
        .find(Card)
        .find(Accordion.Collapse)
        .find(Card.Body)
        .find('button')

      expect(buttons.length).toBe(1)
      expect(buttons.at('0').text()).toBe('Start Upload')
    })

Component:

// ...

<Card.Body>
  {file.status === 'Needs Input' && (<button
    onClick={(e) => {
      // ...
    }}
  >
    Start Upload
  </button>)}
</Card.Body>

// ...