test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

test: Replace card component test with testing lib (#35751)

Browse Source 
* test: Replace card component test with testing lib

* test: update the snapshot
This commit is contained in:
Long Hao (龙濠) 2022-05-28 14:47:29 +08:00 committed by GitHub
parent d797dfc0ff
commit e7393ee97e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
components/card/__tests__/__snapshots__/index.test.js.snap → components/card/__tests__/__snapshots__/index.test.tsx.snap
View File

26
components/card/__tests__/index.test.js → components/card/__tests__/index.test.tsx
View File

@ -1,10 +1,9 @@
import React from 'react';
import { mount } from 'enzyme';
import Card from '../index';
import Button from '../../button/index';
import mountTest from '../../../tests/shared/mountTest';
import rtlTest from '../../../tests/shared/rtlTest';
import { render } from '../../../tests/utils';
import { render, fireEvent } from '../../../tests/utils';
describe('Card', () => {
mountTest(Card);
@ -19,21 +18,21 @@ describe('Card', () => {
});
it('should still have padding when card which set padding to 0 is loading', () => {
const wrapper = mount(
const { container } = render(
<Card loading bodyStyle={{ padding: 0 }}>
xxx
</Card>,
);
expect(wrapper.render()).toMatchSnapshot();
expect(container.firstChild).toMatchSnapshot();
});
it('title should be vertically aligned', () => {
const wrapper = mount(
const { container } = render(
<Card title="Card title" extra={<Button>Button</Button>} style={{ width: 300 }}>
<p>Card content</p>
</Card>,
);
expect(wrapper.render()).toMatchSnapshot();
expect(container.firstChild).toMatchSnapshot();
});
it('onTabChange should work', () => {
@ -48,26 +47,27 @@ describe('Card', () => {
},
];
const onTabChange = jest.fn();
const wrapper = mount(
const { container } = render(
<Card onTabChange={onTabChange} tabList={tabList}>
xxx
</Card>,
);
wrapper.find('.ant-tabs-tab').at(1).simulate('click');
fireEvent.click(container.querySelectorAll('.ant-tabs-tab')[1]);
expect(onTabChange).toHaveBeenCalledWith('tab2');
});
it('should not render when actions is number', () => {
const wrapper = mount(
const { container } = render(
// @ts-ignore ingnore for the wrong action value
<Card title="Card title" actions={11}>
<p>Card content</p>
</Card>,
);
expect(wrapper.find('.ant-card-actions').length).toBe(0);
expect(container.querySelectorAll('.ant-card-actions').length).toBe(0);
});
it('with tab props', () => {
const wrapper = mount(
const { container } = render(
<Card
title="Card title"
tabList={[
@ -81,11 +81,11 @@ describe('Card', () => {
<p>Card content</p>
</Card>,
);
expect(wrapper.find('Tabs').get(0).props.size).toBe('small');
expect(container.querySelectorAll('.ant-tabs-small').length === 0).toBeFalsy();
});
it('get ref of card', () => {
const cardRef = React.createRef();
const cardRef = React.createRef<HTMLDivElement>();
render(
<Card ref={cardRef} title="Card title">