javascript - 为什么我无法使用 enzyme 检测按钮元素？

Question

我使用npm install --save enzyme react-test-rendererase-adapter-react-16开始。我编写了下面的代码，然后运行 ​​npm test 来获取在 Terminal 中获得的输出。

我做错了什么以及如何解决它？

这是CheckoutButton.js:

import React from 'react';
import classes from './CheckoutButton.css';

const button = (props) => (
    <button className={classes.Button} id="test" onClick={props.clicked}>Checkout</button>
);

export default button;

这是CheckoutButton.test.js:

import React from 'react';

import { configure, shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import CheckoutButton from './CheckoutButton';

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

describe('<CheckoutButton />', () => {
    it('should logout upon clicking the button', () => {
        const wrapper = shallow(<CheckoutButton/>);
        expect(wrapper.find("button")).toHaveLength(1);
    });
});

这是我在终端中得到的内容:

Test Suites: 2 failed, 2 total
Tests:       1 failed, 1 total
Snapshots:   0 total
Time:        2.572s, estimated 3s
Ran all test suites related to changed files.

Answer 1

您的adapter config好像不太正确。

尝试:

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

而不是:

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