Wsrtjtyk

I'm manipulating the DOM with componentDidMount based on element positions. It works perfectly in React, but I would like to create a unit test for that.

Basically, I have a container with a bunch of children elements and I want to add a class for children that are wrapped (not in the first row). I do that logic in componentDidMount.

How can I test with enzyme unit tests?

I thought to use mount but it doesn't result. Any idea?

class Container extends Component {

  componentDidMount () {

    this.updateChildren()

  }



  updateChildren () {

    // logic to add a class if element position is diferent than 1st line

    // calls render again with state update

  }



  ...

}

Unit test:

import React from 'react'

import { mount } from 'enzyme'

import Container from '../Container'



describe('<Container />', () => {

 it('renders and hides second row elements'), () => {

   const container = mount(

   <div style={{ width: 200 }}>

      <Container> ...childrens </Container>

   </div>

   )



   expect(wrapper.render()).toMatchSnapshot()

 })

})