@cainiaofe/cn-ui-m
Version:
37 lines (36 loc) • 2.15 kB
JavaScript
// CnButtonGroup组件的单元测试
import React from 'react';
import { render } from '@testing-library/react';
import { CnButtonGroup } from '../index';
import { CnButton } from '../../cn-button/index';
describe('CnButtonGroup组件检查', function () {
test('renders CnButtonGroup with children correctly', function () {
var getByText = render(React.createElement(CnButtonGroup, null,
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00"))).getByText;
expect(getByText('按钮一')).toBeInTheDocument();
});
test('三个按钮时全部展示', function () {
var getByText = render(React.createElement(CnButtonGroup, null,
React.createElement(CnButton, null, "\u6309\u94AE\u4E09"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00"))).getByText;
expect(getByText('按钮三')).toBeInTheDocument();
});
test('验证fullWidth是否生效', function () {
var getByText = render(React.createElement(CnButtonGroup, { fullWidth: true },
React.createElement(CnButton, null, "\u6309\u94AE\u56DB"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E09"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00"))).getByText;
expect(getByText('按钮一')).toHaveClass('cn-ui-m-button-fullwidth');
});
test("验证size='large'是否生效", function () {
var getByText = render(React.createElement(CnButtonGroup, { size: 'large' },
React.createElement(CnButton, null, "\u6309\u94AE\u56DB"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E09"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00"))).getByText;
expect(getByText('按钮一')).toHaveClass('cn-ui-m-button-large');
});
});