如何在 ReactJS/Enzyme/PhantomJS 单元测试中检查元素的渲染宽度

The*_*TFo 5 javascript unit-testing phantomjs reactjs enzyme

如何在 React JS 单元测试中检查渲染元素的宽度?我正在使用酶和 PhantomJS。这基本上是我想要做的:

import React from 'react';
import { mount } from 'enzyme';
import EditableLabel from '../../../src/Common/EditableLabel/EditableLabel.jsx';

describe.only('./Controls/src/Common/EditableLabel/EditableLabel.jsx', () => {

    it('should resize the text box to at least the size of the label', () => {
        let wrapper = mount(<EditableLabel text={'SomeValue'} editing={true} />);
        let spanElements = wrapper.find('span.not-editing');
        let inputElements = wrapper.find('input[type="text"].editing');

        expect(inputElements.at(0).width()).to.be.at.least(spanElements.at(0).width());        
    });
Run Code Online (Sandbox Code Playgroud)

});

显然,这会导致错误。我希望我目前的设置可以实现这样的事情。