fix(Empty): 修改Empty测试用例报错

Author: rulishu

packages/core/src/Empty/index.tsx

@@ -2,18 +2,19 @@ import React, { Component } from 'react';
 import { StyleSheet, Text, TextProps } from 'react-native';
 import Icon from '../Icon';
 import Flex, { FlexProps } from '../Flex';
+import { iconStr } from './svg';
 
-const iconStr = `
-<svg width="64" height="41" viewBox="0 0 64 41">
-  <g transform="translate(0 1)" fill="none" fill-rule="evenodd">
-    <ellipse fill="#F5F5F5" cx="32" cy="33" rx="32" ry="7"></ellipse>
-    <g fill-rule="nonzero" stroke="#D9D9D9">
-      <path fill="#FFF" d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path>
-      <path fill="#FAFAFA" d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"></path>
-    </g>
-  </g>
-</svg>
-`;
+// export const iconStr = `
+// <svg width="64" height="41" viewBox="0 0 64 41">
+//   <g transform="translate(0 1)" fill="none" fill-rule="evenodd">
+//     <ellipse fill="#F5F5F5" cx="32" cy="33" rx="32" ry="7"></ellipse>
+//     <g fill-rule="nonzero" stroke="#D9D9D9">
+//       <path fill="#FFF" d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path>
+//       <path fill="#FAFAFA" d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"></path>
+//     </g>
+//   </g>
+// </svg>
+// `;
 
 export interface EmptyProps extends FlexProps {
   /**

packages/core/src/Empty/svg.tsx

@@ -0,0 +1,11 @@
+export const iconStr = `
+<svg width="64" height="41" viewBox="0 0 64 41">
+  <g transform="translate(0 1)" fill="none" fill-rule="evenodd">
+    <ellipse fill="#F5F5F5" cx="32" cy="33" rx="32" ry="7"></ellipse>
+    <g fill-rule="nonzero" stroke="#D9D9D9">
+      <path fill="#FFF" d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path>
+      <path fill="#FAFAFA" d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"></path>
+    </g>
+  </g>
+</svg>
+`;

test-ci/src/__tests__/empty.tsx

@@ -7,15 +7,17 @@ import React from 'react';
 import Empty from '../lib/Empty';
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';
+import { iconStr } from '../lib/Empty/svg';
 
 it('Empty', () => {
   const component = renderer.create(
-    <Empty label="冇得数据咯" size={120} labelStyle={{ color: 'red' }}>冇得数据咯</Empty>
+    <Empty label="冇得数据咯" size={120} labelStyle={{ color: 'red' }} xml={iconStr}>
+      冇得数据咯
+    </Empty>,
   );
   expect(component.root.props.label).toBe('冇得数据咯');
   expect(component.root.props.size).toBe(120);
   expect(component.root.props.labelStyle).toBeTruthy();
-  expect(component.root.props.xml).toBeTruthy();
+  expect(component.root.props.xml).toStrictEqual(iconStr);
   expect(component.root.props.children).toBe('冇得数据咯');
-
-});
+});