From 2875d57a25382ab1693911dfb81a9b29e4c9805a Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Tue, 11 Feb 2020 15:34:58 +0800
Subject: [PATCH] feat: update comment

---
 .../comment/__tests__/__snapshots__/demo.test.js.snap       | 4 ++--
 .../comment/__tests__/__snapshots__/index.test.js.snap      | 2 +-
 components/comment/__tests__/index.test.js                  | 2 ++
 components/comment/demo/basic.md                            | 6 +++---
 components/comment/demo/nested.md                           | 2 +-
 components/comment/index.jsx                                | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/comment/__tests__/__snapshots__/demo.test.js.snap b/components/comment/__tests__/__snapshots__/demo.test.js.snap
index a7ecb2f19..233dd865a 100644
--- a/components/comment/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/comment/__tests__/__snapshots__/demo.test.js.snap
@@ -70,7 +70,7 @@ exports[`renders ./components/comment/demo/list.md correctly 1`] = `
         <div class="ant-list-item-content ant-list-item-content-single">
           <div class="ant-comment">
             <div class="ant-comment-inner">
-              <div class="ant-comment-avatar"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></div>
+              <div class="ant-comment-avatar"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="comment-avatar"></div>
               <div class="ant-comment-content">
                 <div class="ant-comment-content-author"><span class="ant-comment-content-author-name">Han Solo</span><span class="ant-comment-content-author-time"><span class="">a day ago</span></span></div>
                 <div class="ant-comment-content-detail">
@@ -88,7 +88,7 @@ exports[`renders ./components/comment/demo/list.md correctly 1`] = `
         <div class="ant-list-item-content ant-list-item-content-single">
           <div class="ant-comment">
             <div class="ant-comment-inner">
-              <div class="ant-comment-avatar"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></div>
+              <div class="ant-comment-avatar"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="comment-avatar"></div>
               <div class="ant-comment-content">
                 <div class="ant-comment-content-author"><span class="ant-comment-content-author-name">Han Solo</span><span class="ant-comment-content-author-time"><span class="">2 days ago</span></span></div>
                 <div class="ant-comment-content-detail">
diff --git a/components/comment/__tests__/__snapshots__/index.test.js.snap b/components/comment/__tests__/__snapshots__/index.test.js.snap
index f026ca90b..6ee585b1c 100644
--- a/components/comment/__tests__/__snapshots__/index.test.js.snap
+++ b/components/comment/__tests__/__snapshots__/index.test.js.snap
@@ -10,7 +10,7 @@ exports[`Comment Comment can be used as editor, user can customize the editor co
           <div class="ant-list-item-content ant-list-item-content-single">
             <div class="ant-comment">
               <div class="ant-comment-inner">
-                <div class="ant-comment-avatar"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></div>
+                <div class="ant-comment-avatar"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="comment-avatar"></div>
                 <div class="ant-comment-content">
                   <div class="ant-comment-content-author"><span class="ant-comment-content-author-name">Han Solo</span><span class="ant-comment-content-author-time">a few seconds ago</span></div>
                   <div class="ant-comment-content-detail">222</div>
diff --git a/components/comment/__tests__/index.test.js b/components/comment/__tests__/index.test.js
index 0ac0cc7ca..ad73012bc 100644
--- a/components/comment/__tests__/index.test.js
+++ b/components/comment/__tests__/index.test.js
@@ -6,6 +6,7 @@ import List from '../../list';
 import Form from '../../form';
 import Button from '../../button';
 import Input from '../../input';
+import mountTest from '../../../tests/shared/mountTest';
 
 const CommentTest = {
   data() {
@@ -87,6 +88,7 @@ const CommentTest = {
 };
 
 describe('Comment', () => {
+  mountTest(Comment);
   it('Comment can be used as editor, user can customize the editor component.', async () => {
     const wrapper = mount(CommentTest, {
       sync: false,
diff --git a/components/comment/demo/basic.md b/components/comment/demo/basic.md
index 9f9a1aa28..3dd5fe1ad 100644
--- a/components/comment/demo/basic.md
+++ b/components/comment/demo/basic.md
@@ -12,7 +12,7 @@ A basic comment with author, avatar, time and actions.
 <template>
   <a-comment>
     <template slot="actions">
-      <span>
+      <span key="comment-basic-like">
         <a-tooltip title="Like">
           <a-icon type="like" :theme="action === 'liked' ? 'filled' : 'outlined'" @click="like" />
         </a-tooltip>
@@ -20,7 +20,7 @@ A basic comment with author, avatar, time and actions.
           {{likes}}
         </span>
       </span>
-      <span>
+      <span key="comment-basic-dislike">
         <a-tooltip title="Dislike">
           <a-icon
             type="dislike"
@@ -32,7 +32,7 @@ A basic comment with author, avatar, time and actions.
           {{dislikes}}
         </span>
       </span>
-      <span>Reply to</span>
+      <span key="comment-basic-reply-to">Reply to</span>
     </template>
     <a slot="author">Han Solo</a>
     <a-avatar
diff --git a/components/comment/demo/nested.md b/components/comment/demo/nested.md
index 0c49394f8..85ba5d0bc 100644
--- a/components/comment/demo/nested.md
+++ b/components/comment/demo/nested.md
@@ -11,7 +11,7 @@ Comments can be nested.
 ```tpl
 <template>
   <a-comment>
-    <span slot="actions">Reply to</span>
+    <span slot="actions" key="comment-nested-reply-to">Reply to</span>
     <a slot="author">Han Solo</a>
     <a-avatar
       slot="avatar"
diff --git a/components/comment/index.jsx b/components/comment/index.jsx
index 435e82024..b9857660c 100644
--- a/components/comment/index.jsx
+++ b/components/comment/index.jsx
@@ -49,7 +49,7 @@ const Comment = {
 
     const avatarDom = (
       <div class={`${prefixCls}-avatar`}>
-        {typeof avatar === 'string' ? <img src={avatar} /> : avatar}
+        {typeof avatar === 'string' ? <img src={avatar} alt="comment-avatar" /> : avatar}
       </div>
     );