test: move test cases to @testing/library for Result (#35621)

This commit is contained in:
vagusX 2022-05-19 10:18:17 +08:00 committed by GitHub
parent 4bccb9985a
commit dd0b9d91ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 20 deletions

View File

@ -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', () => {