mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-29 18:50:00 +08:00
test: move test cases to @testing/library
for Result (#35621)
This commit is contained in:
parent
4bccb9985a
commit
dd0b9d91ed
@ -1,17 +1,18 @@
|
||||
import React from 'react';
|
||||
import { mount } from 'enzyme';
|
||||
import { render } from '../../../tests/utils';
|
||||
|
||||
import Result from '..';
|
||||
import Button from '../../button';
|
||||
|
||||
import mountTest from '../../../tests/shared/mountTest';
|
||||
import rtlTest from '../../../tests/shared/rtlTest';
|
||||
import { render } from '../../../tests/utils';
|
||||
|
||||
describe('Result', () => {
|
||||
mountTest(Result);
|
||||
rtlTest(Result);
|
||||
|
||||
it('🙂 successPercent should decide the progress status when it exists', () => {
|
||||
const wrapper = mount(
|
||||
const { container: wrapper } = render(
|
||||
<Result
|
||||
status="success"
|
||||
title="Successfully Purchased Cloud Server ECS!"
|
||||
@ -24,39 +25,37 @@ describe('Result', () => {
|
||||
]}
|
||||
/>,
|
||||
);
|
||||
expect(wrapper.find('.anticon-check-circle')).toHaveLength(1);
|
||||
expect(wrapper.querySelectorAll('.anticon-check-circle')).toHaveLength(1);
|
||||
});
|
||||
|
||||
it('🙂 different status, different class', () => {
|
||||
const wrapper = mount(<Result status="warning" />);
|
||||
expect(wrapper.find('.ant-result-warning')).toHaveLength(1);
|
||||
const { container: wrapper, rerender } = render(<Result status="warning" />);
|
||||
expect(wrapper.querySelectorAll('.ant-result-warning')).toHaveLength(1);
|
||||
|
||||
wrapper.setProps({
|
||||
status: 'error',
|
||||
});
|
||||
rerender(<Result status="error" />);
|
||||
|
||||
expect(wrapper.find('.ant-result-error')).toHaveLength(1);
|
||||
expect(wrapper.querySelectorAll('.ant-result-error')).toHaveLength(1);
|
||||
|
||||
wrapper.setProps({
|
||||
status: '500',
|
||||
});
|
||||
rerender(<Result status="500" />);
|
||||
|
||||
expect(wrapper.find('.ant-result-500')).toHaveLength(1);
|
||||
expect(wrapper.querySelectorAll('.ant-result-500')).toHaveLength(1);
|
||||
});
|
||||
|
||||
it('🙂 When status = 404, the icon is an image', () => {
|
||||
const wrapper = mount(<Result status="404" />);
|
||||
expect(wrapper.find('.ant-result-404 .ant-result-image')).toHaveLength(1);
|
||||
const { container: wrapper } = render(<Result status="404" />);
|
||||
expect(wrapper.querySelectorAll('.ant-result-404 .ant-result-image')).toHaveLength(1);
|
||||
});
|
||||
|
||||
it('🙂 When extra is undefined, the extra dom is undefined', () => {
|
||||
const wrapper = mount(<Result status="404" />);
|
||||
expect(wrapper.find('.ant-result-extra')).toHaveLength(0);
|
||||
const { container: wrapper } = render(<Result status="404" />);
|
||||
expect(wrapper.querySelectorAll('.ant-result-extra')).toHaveLength(0);
|
||||
});
|
||||
|
||||
it('🙂 result should support className', () => {
|
||||
const wrapper = mount(<Result status="404" title="404" className="my-result" />);
|
||||
expect(wrapper.find('.ant-result.my-result')).toHaveLength(1);
|
||||
const { container: wrapper } = render(
|
||||
<Result status="404" title="404" className="my-result" />,
|
||||
);
|
||||
expect(wrapper.querySelectorAll('.ant-result.my-result')).toHaveLength(1);
|
||||
});
|
||||
|
||||
it('should warning when pass a string as icon props', () => {
|
Loading…
Reference in New Issue
Block a user