chore: replace demo image to public avatar resources (#32479)

* docs: replace avatar image to joeschmoe placeholder * docs: usage randomme avatar url
ant-design · Oct 14, 2021 · 827225b · 827225b
1 parent 8cafb11
commit 827225b
Show file tree

Hide file tree

Showing 23 changed files with 61 additions and 87 deletions.
diff --git a/components/avatar/__tests__/Avatar.test.js b/components/avatar/__tests__/Avatar.test.js
@@ -57,7 +57,7 @@ describe('Avatar Render', () => {
 
   it('should handle onError correctly', () => {
     const LOAD_FAILURE_SRC = 'http://error.url';
-    const LOAD_SUCCESS_SRC = 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png';
+    const LOAD_SUCCESS_SRC = 'https://joeschmoe.io/api/v1/random';
 
     const div = global.document.createElement('div');
     global.document.body.appendChild(div);
@@ -95,7 +95,7 @@ describe('Avatar Render', () => {
 
   it('should show image on success after a failure state', () => {
     const LOAD_FAILURE_SRC = 'http://error.url';
-    const LOAD_SUCCESS_SRC = 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png';
+    const LOAD_SUCCESS_SRC = 'https://joeschmoe.io/api/v1/random';
 
     const div = global.document.createElement('div');
     global.document.body.appendChild(div);
@@ -195,7 +195,7 @@ describe('Avatar Render', () => {
   });
 
   it('should exist crossorigin attribute', () => {
-    const LOAD_SUCCESS_SRC = 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png';
+    const LOAD_SUCCESS_SRC = 'https://joeschmoe.io/api/v1/random';
     const wrapper = mount(
       <Avatar src={LOAD_SUCCESS_SRC} crossOrigin="anonymous">
         crossorigin
@@ -206,7 +206,7 @@ describe('Avatar Render', () => {
   });
 
   it('should not exist crossorigin attribute', () => {
-    const LOAD_SUCCESS_SRC = 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png';
+    const LOAD_SUCCESS_SRC = 'https://joeschmoe.io/api/v1/random';
     const wrapper = mount(<Avatar src={LOAD_SUCCESS_SRC}>crossorigin</Avatar>);
     expect(wrapper.html().includes('crossorigin')).toEqual(false);
     expect(wrapper.find('img').prop('crossOrigin')).toEqual(undefined);

diff --git a/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap b/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap
@@ -156,15 +156,15 @@ exports[`Avatar Render should handle onError correctly 1`] = `
     onError={[Function]}
     shape="circle"
     size="default"
-    src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+    src="https://joeschmoe.io/api/v1/random"
   >
     <span
       className="ant-avatar ant-avatar-circle ant-avatar-image"
       style={Object {}}
     >
       <img
         onError={[Function]}
-        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+        src="https://joeschmoe.io/api/v1/random"
       />
     </span>
   </Avatar>
@@ -205,15 +205,15 @@ exports[`Avatar Render should show image on success after a failure state 2`] =
 <Avatar
   shape="circle"
   size="default"
-  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+  src="https://joeschmoe.io/api/v1/random"
 >
   <span
     className="ant-avatar ant-avatar-circle ant-avatar-image"
     style={Object {}}
   >
     <img
       onError={[Function]}
-      src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+      src="https://joeschmoe.io/api/v1/random"
     />
   </span>
 </Avatar>

diff --git a/components/avatar/__tests__/__snapshots__/demo.test.js.snap b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
@@ -342,7 +342,7 @@ Array [
       class="ant-avatar ant-avatar-circle ant-avatar-image"
     >
       <img
-        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+        src="https://joeschmoe.io/api/v1/random"
       />
     </span>
     <span
@@ -416,7 +416,7 @@ Array [
       class="ant-avatar ant-avatar-circle ant-avatar-image"
     >
       <img
-        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+        src="https://joeschmoe.io/api/v1/random"
       />
     </span>
     <span
@@ -453,7 +453,7 @@ Array [
       class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
     >
       <img
-        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+        src="https://joeschmoe.io/api/v1/random"
       />
     </span>
     <span
@@ -635,7 +635,7 @@ Array [
     class="ant-avatar ant-avatar-circle ant-avatar-image"
   >
     <img
-      src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+      src="https://joeschmoe.io/api/v1/random"
     />
   </span>,
   <span
@@ -646,7 +646,8 @@ Array [
     >
       <img
         class="ant-image-img"
-        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+        src="https://joeschmoe.io/api/v1/random"
+        style="width:32px"
       />
       <div
         class="ant-image-mask"

diff --git a/components/avatar/demo/group.md b/components/avatar/demo/group.md
@@ -20,7 +20,7 @@ import { UserOutlined, AntDesignOutlined } from '@ant-design/icons';
 const Demo = () => (
   <>
     <Avatar.Group>
-      <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
+      <Avatar src="https://joeschmoe.io/api/v1/random" />
       <Avatar style={{ backgroundColor: '#f56a00' }}>K</Avatar>
       <Tooltip title="Ant User" placement="top">
         <Avatar style={{ backgroundColor: '#87d068' }} icon={<UserOutlined />} />
@@ -29,7 +29,7 @@ const Demo = () => (
     </Avatar.Group>
     <Divider />
     <Avatar.Group maxCount={2} maxStyle={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>
-      <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
+      <Avatar src="https://joeschmoe.io/api/v1/random" />
       <Avatar style={{ backgroundColor: '#f56a00' }}>K</Avatar>
       <Tooltip title="Ant User" placement="top">
         <Avatar style={{ backgroundColor: '#87d068' }} icon={<UserOutlined />} />
@@ -42,7 +42,7 @@ const Demo = () => (
       size="large"
       maxStyle={{ color: '#f56a00', backgroundColor: '#fde3cf' }}
     >
-      <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
+      <Avatar src="https://joeschmoe.io/api/v1/random" />
       <Avatar style={{ backgroundColor: '#f56a00' }}>K</Avatar>
       <Tooltip title="Ant User" placement="top">
         <Avatar style={{ backgroundColor: '#87d068' }} icon={<UserOutlined />} />

diff --git a/components/avatar/demo/type.md b/components/avatar/demo/type.md
@@ -22,10 +22,8 @@ ReactDOM.render(
     <Avatar icon={<UserOutlined />} />
     <Avatar>U</Avatar>
     <Avatar size={40}>USER</Avatar>
-    <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
-    <Avatar
-      src={<Image src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
-    />
+    <Avatar src="https://joeschmoe.io/api/v1/random" />
+    <Avatar src={<Image src="https://joeschmoe.io/api/v1/random" style={{ width: 32 }} />} />
     <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>
     <Avatar style={{ backgroundColor: '#87d068' }} icon={<UserOutlined />} />
   </>,

diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -682,7 +682,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
           class="ant-avatar ant-avatar-circle ant-avatar-image"
         >
           <img
-            src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+            src="https://joeschmoe.io/api/v1/random"
           />
         </span>
       </div>

diff --git a/components/card/demo/loading.md b/components/card/demo/loading.md
@@ -37,9 +37,7 @@ class App extends React.Component {
 
         <Card style={{ width: 300, marginTop: 16 }} loading={loading}>
           <Meta
-            avatar={
-              <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
-            }
+            avatar={<Avatar src="https://joeschmoe.io/api/v1/random" />}
             title="Card title"
             description="This is the description"
           />
@@ -55,9 +53,7 @@ class App extends React.Component {
         >
           <Skeleton loading={loading} avatar active>
             <Meta
-              avatar={
-                <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
-              }
+              avatar={<Avatar src="https://joeschmoe.io/api/v1/random" />}
               title="Card title"
               description="This is the description"
             />

diff --git a/components/card/demo/meta.md b/components/card/demo/meta.md
@@ -35,7 +35,7 @@ ReactDOM.render(
     ]}
   >
     <Meta
-      avatar={<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
+      avatar={<Avatar src="https://joeschmoe.io/api/v1/random" />}
       title="Card title"
       description="This is the description"
     />

diff --git a/components/comment/__tests__/__snapshots__/demo.test.js.snap b/components/comment/__tests__/__snapshots__/demo.test.js.snap
@@ -15,7 +15,7 @@ exports[`renders ./components/comment/demo/basic.md correctly 1`] = `
       >
         <img
           alt="Han Solo"
-          src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+          src="https://joeschmoe.io/api/v1/random"
         />
       </span>
     </div>
@@ -132,7 +132,7 @@ exports[`renders ./components/comment/demo/editor.md correctly 1`] = `
       >
         <img
           alt="Han Solo"
-          src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+          src="https://joeschmoe.io/api/v1/random"
         />
       </span>
     </div>
@@ -222,7 +222,7 @@ exports[`renders ./components/comment/demo/list.md correctly 1`] = `
               >
                 <img
                   alt="comment-avatar"
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </div>
               <div
@@ -276,7 +276,7 @@ exports[`renders ./components/comment/demo/list.md correctly 1`] = `
               >
                 <img
                   alt="comment-avatar"
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </div>
               <div
@@ -339,7 +339,7 @@ exports[`renders ./components/comment/demo/nested.md correctly 1`] = `
       >
         <img
           alt="Han Solo"
-          src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+          src="https://joeschmoe.io/api/v1/random"
         />
       </span>
     </div>
@@ -392,7 +392,7 @@ exports[`renders ./components/comment/demo/nested.md correctly 1`] = `
           >
             <img
               alt="Han Solo"
-              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+              src="https://joeschmoe.io/api/v1/random"
             />
           </span>
         </div>
@@ -445,7 +445,7 @@ exports[`renders ./components/comment/demo/nested.md correctly 1`] = `
               >
                 <img
                   alt="Han Solo"
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>
@@ -496,7 +496,7 @@ exports[`renders ./components/comment/demo/nested.md correctly 1`] = `
               >
                 <img
                   alt="Han Solo"
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>

diff --git a/components/comment/demo/basic.md b/components/comment/demo/basic.md
@@ -56,12 +56,7 @@ const Demo = () => {
     <Comment
       actions={actions}
       author={<a>Han Solo</a>}
-      avatar={
-        <Avatar
-          src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
-          alt="Han Solo"
-        />
-      }
+      avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
       content={
         <p>
           We supply a series of design principles, practical patterns and high quality design

diff --git a/components/comment/demo/editor.md b/components/comment/demo/editor.md
@@ -65,7 +65,7 @@ class App extends React.Component {
           ...this.state.comments,
           {
             author: 'Han Solo',
-            avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+            avatar: 'https://joeschmoe.io/api/v1/random',
             content: <p>{this.state.value}</p>,
             datetime: moment().fromNow(),
           },
@@ -87,12 +87,7 @@ class App extends React.Component {
       <>
         {comments.length > 0 && <CommentList comments={comments} />}
         <Comment
-          avatar={
-            <Avatar
-              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
-              alt="Han Solo"
-            />
-          }
+          avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
           content={
             <Editor
               onChange={this.handleChange}

diff --git a/components/comment/demo/list.md b/components/comment/demo/list.md
@@ -21,7 +21,7 @@ const data = [
   {
     actions: [<span key="comment-list-reply-to-0">Reply to</span>],
     author: 'Han Solo',
-    avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+    avatar: 'https://joeschmoe.io/api/v1/random',
     content: (
       <p>
         We supply a series of design principles, practical patterns and high quality design
@@ -38,7 +38,7 @@ const data = [
   {
     actions: [<span key="comment-list-reply-to-0">Reply to</span>],
     author: 'Han Solo',
-    avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+    avatar: 'https://joeschmoe.io/api/v1/random',
     content: (
       <p>
         We supply a series of design principles, practical patterns and high quality design

diff --git a/components/comment/demo/nested.md b/components/comment/demo/nested.md
@@ -20,12 +20,7 @@ const ExampleComment = ({ children }) => (
   <Comment
     actions={[<span key="comment-nested-reply-to">Reply to</span>]}
     author={<a>Han Solo</a>}
-    avatar={
-      <Avatar
-        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
-        alt="Han Solo"
-      />
-    }
+    avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
     content={
       <p>
         We supply a series of design principles, practical patterns and high quality design

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -14852,7 +14852,7 @@ exports[`ConfigProvider components List configProvider 1`] = `
                 class="config-avatar config-avatar-circle config-avatar-image"
               >
                 <img
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>
@@ -14904,7 +14904,7 @@ exports[`ConfigProvider components List configProvider componentSize large 1`] =
                 class="config-avatar config-avatar-circle config-avatar-image"
               >
                 <img
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>
@@ -14956,7 +14956,7 @@ exports[`ConfigProvider components List configProvider componentSize middle 1`]
                 class="config-avatar config-avatar-circle config-avatar-image"
               >
                 <img
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>
@@ -15008,7 +15008,7 @@ exports[`ConfigProvider components List configProvider virtual and dropdownMatch
                 class="ant-avatar ant-avatar-circle ant-avatar-image"
               >
                 <img
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>
@@ -15060,7 +15060,7 @@ exports[`ConfigProvider components List normal 1`] = `
                 class="ant-avatar ant-avatar-circle ant-avatar-image"
               >
                 <img
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>
@@ -15112,7 +15112,7 @@ exports[`ConfigProvider components List prefixCls 1`] = `
                 class="ant-avatar ant-avatar-circle ant-avatar-image"
               >
                 <img
-                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+                  src="https://joeschmoe.io/api/v1/random"
                 />
               </span>
             </div>