当前位置:  开发笔记 > 编程语言 > 正文

在使用Jest单元测试React组件时如何模拟子组件

如何解决《在使用Jest单元测试React组件时如何模拟子组件》经验,为你挑选了0个好方法。

我有一个React组件,我试图编写一些测试.我把它分解为最简单的测试.

jest.dontMock('../Overlay.react.js');

import React from 'react';
import ReactDOM from 'react-dom';

var Overlay = require('../Overlay.react.js'); // this is the culprit!

describe('Overlay', () => {
    it('should work', () => {
        expect(true).toEqual(true);
    });
});

当我要求测试的组件时,它似乎不是在嘲笑它的子组件.在顶部Overlay.react.js,我有以下导入:import LoadingSpinner from 'loadingIndicator/LoadingIndicatorSpin.react'; 运行我的测试时,我收到以下错误:

SyntaxError:/Users/dev/work/react-prototype/src/components/root/routes/components/subset1/components/Overlay.react.js:/ Users/dev/work/react-prototype/src/components/root/routes/components/loadingIndicator/LoadingIndicatorSpin.react.js:/Users/dev/work/react-prototype/src/components/root/routes/components/loadingIndicator/sass/style.sass:Unexpected token ILLEGAL

它似乎不是模拟组件,而是直接到子组件的sass文件并抛出适合.我的理解是,除了你告诉它不要嘲笑之外,Jest嘲笑一切.

制定这些测试的正确方法是什么,以便在测试期间导入时子组件不会引起爆炸?

推荐阅读
李桂平2402851397
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有