测试 React 组件:Jest 遇到意外标记

2024-04-15

我尝试用 Jest 进行测试,但出现错误: Jest 遇到意外令牌 这通常意味着您正在尝试导入 Jest 无法解析的文件,例如它不是普通的 JavaScript。

我有一个照片库应用程序,每当我单击图像时,就会弹出一个带有图像的模式。我想测试当我单击图像时,弹出窗口会显示或存在。有没有办法考虑这个因素?

enter image description here HERE IS MY CODE:

import { shallow, mount, render } from 'enzyme';
import App from '../client/src/components/App';

describe('<PhotoItem />', () => {
  it('should popup image on click', () => {
    const wrapper = shallow(
      <App title="mock" />
    );
    wrapper.find('.item item-0').simulate('click');
    expect('.modal-opactiy').toExist();
  });

这是我的 package.json: "jest": { "verbose": true, "transformIgnorePatterns": ["/node_modules/(?!App)"], "testURL": "http://localhost/photos" }


这是同样的问题:玩笑错误反应组件上出现意外标记 https://stackoverflow.com/questions/49397368/jest-error-unexpected-token-on-react-component

您需要添加一个 .babelrc 文件:

{ "presets": ["env","react"] }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

测试 React 组件:Jest 遇到意外标记 的相关文章

随机推荐