关于enzyme的使用问题

来源：5-3 React 测试工具简介

lxy一定上20k

2022-03-13

老师，我npm run test出现了以下问题
图片描述
一下是我的代码：
import React from “react”;
import { shallow } from “enzyme”;
import PriceShow from “…/PriceShow”;
const props = {
income: 1000,
outcome: 2000
}
describe(‘test TotalPrice component’, () => {
it(‘component should render correct income&outcome number’, () => {
const wrapper = shallow(<PriceShow {…props} />)
expect(wrapper.find(’.income span’).text() * 1).toEqual(1000)
expect(wrapper.find(’.outcome span’).text() * 1).toEqual(2000)
})
})
请问如何解决呢

写回答

1回答

张轩

2022-03-14

同学你好

看起来是 babel 配置问题，请按照提示尝试一下解决。

npm install @babel/preset-react --save-dev

// 然后 在 babel.config.js 添加对应的presets 中添加对应的这个 preset
// 数组中多添加一项就好了
        presets: [          
        '@babel/preset-react',
        ...
        ]

如果还不行，可以把代码库发给我，我帮你本地看一下。

React16组件化+测试+全流程实战在线账本项目

轻松上手，从设计图到上线，精通组件化思维和组件测试

713 学习 · 177 问题

查看课程

相似问题

通用库jest和React的enzyme库的使用选择

回答 1

关于enzyme测试包安装的问题

回答 2

Cannot find module 'enzyme' from 'src/setupTests.js'

回答 1

关于grid的问题

回答 1

关于react测试

回答 1

打开慕课网App查看更多内容