shallow lifecycleExperimental not works in react native

[jose920405]

Based on this documentation

Example code:

In my test file:

shallow(
    <LoginScreen />,
    { context: { store }, lifecycleExperimental: true },
  );

In my component:

class LoginScreen extends Component {

  constructor(props) {
    super(props)
  }

  componentDidMount() {
    console.log('componentDidMount ===>')  // This log is never fired
  }

  componentDidUpdate() {
    console.log('componentDidUpdate ====> ') // This log is never fired
  }

  render() {
    console.log('Inside component Render') // This log is fired
    return (
      <View style={styles.mainContainer}>
      </View>
    )
  }
}

I have also tried with disableLifecycleMethods: false but either works

[ljharb]

What version of enzyme are you using? v3 doesn't have lifecycleExperimental anymore; it's on my default.

[jose920405]

hi @ljharb

My version is 2.9.1.

[jose920405]

My react info:

"react": "16.0.0-alpha.12",
"react-native": "0.47.2",

I just realized that there are problems with version 16 alpha of react. This is the reason for the problem I am having

[ljharb]

@jose920405 since react v16 is out, can you try that?

[jose920405]

ok. i'll try and i supose that is necessary use enzyme-adapter-react-16 so i will instal it too.

[jose920405]

@ljharb

Yeah, update my react version to 16.0.0 and use enzyme-adapter-react-16 fix my problems. Thanks

[jose920405]

hi @ljharb,

I'm testing a lot more thoroughly and I can see that componentDidUpdate() is not running. Is there a rule for this?

The render runs correctly each time, but the componentDidUpdate does not. I'm clear that I'm not doing anything special to try to get this to run, I'm just triggering a press and letting my code work on its own

const buttons = render.find('TouchableOpacity');
const loginButton = buttons.first()
loginButton.simulate('press')

PDTA: componentDidMount Works

[jose920405]

I upgraded to version: `3.1.0`

@ljharb

I am testing and apparently this is a problem related to redux interactions. When I change my redux dispatch by a simple setState, componentDidUpdate is executed correctly

[ljharb]

You'd need a react native adapter to use enzyme with React Native.

Closing this in favor of #1436.