Test logic in `calls onResize when parent has been resized` gives false positive about react-container-dimensions

[okonet]

Good question!

[okonet]

Can it be the spy cache? I'm not on my computer now so can't check.

Seems that the culprit is the attachTo configuration passed into mount(). When I remove that, the test breaks.

Seems that the calls to el.css() aren't actually triggering a resize either. onResize() spy only shows one call made throughout the test.

    it('calls onResize when parent has been resized', (done) => {
        const resizeSpy = spy(ContainerDimensions.prototype, 'onResize')
        const logResizeCount = (msg) => console.log(msg, resizeSpy.callCount)

        logResizeCount('before mount') // 0
        const wrapper = mount(
            <div ref="node" id="node" style={{ width: 10 }}>
                <ContainerDimensions>
                    <MyComponent />
                </ContainerDimensions>
            </div>
        )
        logResizeCount('after mount') // 1
        const el = wrapper.render()
        el.css('width', 10)
        logResizeCount('after first resize') // 1
        setTimeout(() => {
            el.css('width', 100) // Triggering onResize event
            logResizeCount('after second resize') // 1
            expect(ContainerDimensions.prototype.onResize.calledTwice).to.be.true
            ContainerDimensions.prototype.onResize.restore()
            done()
        }, 10)
    })

[okonet]

Apparently this is a bug in how I use element resize detector: #12 (comment)