github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: update comment

pull/1790/head
tangjinzhou 2020-02-11 15:34:58 +08:00
parent c0b92c6c50
commit 2875d57a25
6 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/comment/__tests__/__snapshots__/demo.test.js.snap
View File

@ -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">

2
components/comment/__tests__/__snapshots__/index.test.js.snap
View File

@ -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>

2
components/comment/__tests__/index.test.js
View File

@ -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,

6
components/comment/demo/basic.md
View File

@ -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

2
components/comment/demo/nested.md
View File

@ -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"

2
components/comment/index.jsx
View File

@ -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>
);