Merge 1229772 into 7fd093b

components/result/__tests__/index.test.js → components/result/__tests__/index.test.tsx

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