小编Dan*_*era的帖子

我正在尝试对登录组件进行单元测试，该组件包括一个带有来自库https://react.semantic-ui.com/的按钮的表单，该组件是这样的：

<LoginComponent onSubmit={onSubmit} data={req.data} />

我目前的测试是这样的：

import React from 'react';
import { mount, configure } from 'enzyme';
import { Button } from 'semantic-ui-react';
import LoginComponent from './LoginComponent';
import Adapter from 'enzyme-adapter-react-16';

configure({adapter: new Adapter()});

it('Email check', () => {
    const wrapper = mount(<LoginComponent data={undefined} onSubmit={ console.log("submitted" }/>);
    console.log(wrapper.find(Button));
})

控制台日志返回 ReactWrapper {} 编辑

这是 loginComponent 的源代码是：

import React, {useEffect} from 'react'
import useForm from 'react-hook-form'
import { Grid, Message, Card, Input, Button, Form, Image } from 'semantic-ui-react'
import …