首先我要说的是,我是React的新手,甚至更新于JavaScript中的TDD编码。我目前正在研究React / Redux应用程序,我们正在测试所有组件。我们目前的测试套件包括Jasmine,Mocha,Chai,Karma和skin-deep。对于我们的一些组件,我们使用深层皮肤(见下文 - 深层皮肤)
import sd from 'skin-deep';
describe('testing-text-editor', () => {
let tree;
let instance;
let vdom;
let field;
let fieldInput;
let callbackFunction;
beforeEach(() => {
field = 'description';
fieldInput = '<div>I am the description</div>';
callbackFunction = () => console.log('foo');
tree = sd.shallowRender(React.createElement(TextEditor, { id: field, initialValue: fieldInput, onSubmit: callbackFunction }));
instance = tree.getMountedInstance();
vdom = tree.getRenderOutput();
});
it('testing-render-description', function() {
// some tests
});
})
每当我们使用skin-deep时,我们都在使用shallowRender的组件上使用它。我想知道是否有人对肤浅的东西有什么了解?我整个上午一直在寻找它的功能和目的的良好描述,但我还没有找到一个令人满意的答案。
编辑:将一些逻辑移到beforeEach,以便更好地描述我的问题
谢谢!