test: update drawer snap

pull/2682/head
tanjinzhou 2020-08-14 14:53:07 +08:00
parent 9c3e9f3d18
commit 07fe94d0a4
6 changed files with 90 additions and 106 deletions

@ -1 +1 @@
Subproject commit 77eb896f2c0cf51093ed3f000c29ed380c440706 Subproject commit 75cbe79669f7ce5dfe6c1a02d9dd4e2443840c08

View File

@ -34,14 +34,10 @@ const DrawerEventTester = {
}, },
render() { render() {
const drawerProps = { const drawerProps = {
props: { visible: this.visible,
visible: this.visible, getContainer: false,
getContainer: false, ...this.$props,
...this.$props, onClose: this.onClose,
},
on: {
close: this.onClose,
},
}; };
return ( return (
<div> <div>
@ -60,8 +56,8 @@ describe('Drawer', () => {
await asyncExpect(() => { await asyncExpect(() => {
const body = wrapper.find('.ant-drawer-body').exists(); const body = wrapper.find('.ant-drawer-body').exists();
expect(body).toBe(true); expect(body).toBe(true);
wrapper.find('button.ant-btn').trigger('click'); wrapper.find('.ant-btn').trigger('click');
const content = wrapper.find('.ant-drawer-body').vnode.elm.innerHTML; const content = wrapper.find('.ant-drawer-body').element.innerHTML;
expect(content).toBe('Here is content of Drawer'); expect(content).toBe('Here is content of Drawer');
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
@ -122,9 +118,7 @@ describe('Drawer', () => {
wrapper.find('button.ant-btn').trigger('click'); wrapper.find('button.ant-btn').trigger('click');
expect(wrapper.find('.ant-drawer-wrapper-body').exists()).toBe(true); expect(wrapper.find('.ant-drawer-wrapper-body').exists()).toBe(true);
wrapper.setData({ wrapper.vm.visible = false;
visible: false,
});
wrapper.find('.ant-drawer-wrapper-body').trigger('transitionend'); wrapper.find('.ant-drawer-wrapper-body').trigger('transitionend');
}); });
await asyncExpect(() => { await asyncExpect(() => {

View File

@ -34,41 +34,27 @@ const MultiDrawer = {
}, },
render() { render() {
const drawerProps = { const drawerProps = {
props: { title: 'Multi-level drawer',
title: 'Multi-level drawer', width: 520,
width: 520, visible: this.visible,
visible: this.visible, getContainer: false,
getContainer: false, wrapClassName: 'test_drawer',
wrapClassName: 'test_drawer', placement: this.placement,
placement: this.placement, onClose: this.onClose,
},
on: {
close: this.onClose,
},
}; };
const childrenDrawerProps = { const childrenDrawerProps = {
props: { title: 'Two-level Drawer',
title: 'Two-level Drawer', width: 320,
width: 320, wrapClassName: 'Two-level',
wrapClassName: 'Two-level', visible: this.childrenDrawer,
visible: this.childrenDrawer, getContainer: false,
getContainer: false, placement: this.placement,
placement: this.placement, onClose: this.onChildrenDrawerClose,
},
on: {
close: this.onChildrenDrawerClose,
},
}; };
const buttonProps = { const buttonProps = {
props: { type: 'primary',
type: 'primary', id: 'open_drawer',
}, onClick: this.showDrawer,
attrs: {
id: 'open_drawer',
},
on: {
click: this.showDrawer,
},
}; };
return ( return (
<div> <div>

View File

@ -8,7 +8,7 @@ exports[`Drawer class is test_drawer 1`] = `
<div class="ant-drawer-content"> <div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body"> <div class="ant-drawer-wrapper-body">
<div class="ant-drawer-header-no-title"> <div class="ant-drawer-header-no-title">
<!----><button aria-label="Close" class="ant-drawer-close"><span class="anticon anticon-close" role="img" aria-label="close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div> <!----><button aria-label="Close" class="ant-drawer-close"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div>
<div class="ant-drawer-body">Here is content of Drawer</div> <div class="ant-drawer-body">Here is content of Drawer</div>
</div> </div>
</div> </div>
@ -60,7 +60,7 @@ exports[`Drawer have a title 1`] = `
<div class="ant-drawer-content"> <div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body"> <div class="ant-drawer-wrapper-body">
<div class="ant-drawer-header"> <div class="ant-drawer-header">
<div class="ant-drawer-title">Test Title</div><button aria-label="Close" class="ant-drawer-close"><span class="anticon anticon-close" role="img" aria-label="close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button> <div class="ant-drawer-title">Test Title</div><button aria-label="Close" class="ant-drawer-close"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button>
</div> </div>
<div class="ant-drawer-body">Here is content of Drawer</div> <div class="ant-drawer-body">Here is content of Drawer</div>
</div> </div>
@ -79,7 +79,7 @@ exports[`Drawer render correctly 1`] = `
<div class="ant-drawer-content"> <div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body"> <div class="ant-drawer-wrapper-body">
<div class="ant-drawer-header-no-title"> <div class="ant-drawer-header-no-title">
<!----><button aria-label="Close" class="ant-drawer-close"><span class="anticon anticon-close" role="img" aria-label="close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div> <!----><button aria-label="Close" class="ant-drawer-close"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div>
<div class="ant-drawer-body">Here is content of Drawer</div> <div class="ant-drawer-body">Here is content of Drawer</div>
</div> </div>
</div> </div>
@ -97,7 +97,7 @@ exports[`Drawer render top drawer 1`] = `
<div class="ant-drawer-content"> <div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body"> <div class="ant-drawer-wrapper-body">
<div class="ant-drawer-header-no-title"> <div class="ant-drawer-header-no-title">
<!----><button aria-label="Close" class="ant-drawer-close"><span class="anticon anticon-close" role="img" aria-label="close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div> <!----><button aria-label="Close" class="ant-drawer-close"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div>
<div class="ant-drawer-body">Here is content of Drawer</div> <div class="ant-drawer-body">Here is content of Drawer</div>
</div> </div>
</div> </div>

View File

@ -1,17 +1,20 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Drawer render correctly 1`] = ` exports[`Drawer render correctly 1`] = `
<div><button type="button" class="ant-btn" ant-click-animating-without-extra-node="false"><span>open</span></button> <div><button class="ant-btn" type="button" ant-click-animating-without-extra-node="false">
<!----><span>open</span></button>
<div class=""> <div class="">
<div tabindex="-1" class="ant-drawer ant-drawer-right"> <div class="ant-drawer ant-drawer-right" tabindex="-1">
<div class="ant-drawer-mask"></div> <div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;"> <div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
<div class="ant-drawer-content"> <div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body"> <div class="ant-drawer-wrapper-body">
<div class="ant-drawer-header-no-title"><button aria-label="Close" class="ant-drawer-close"><span role="img" aria-label="close" class="anticon anticon-close"><svg viewBox="64 64 896 896" focusable="false" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div> <div class="ant-drawer-header-no-title">
<!----><button aria-label="Close" class="ant-drawer-close"><span role="img" aria-label="close" class="anticon anticon-close"><svg class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></button></div>
<div class="ant-drawer-body">Here is content of Drawer</div> <div class="ant-drawer-body">Here is content of Drawer</div>
</div> </div>
</div> </div>
<!---->
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,56 +1,48 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/docs/drawer/demo/basic-right.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/basic-right.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> <button class="ant-btn ant-btn-primary" type="button">
<!----> <!----><span>Open</span></button>
</div> <!---->
`; `;
exports[`renders ./antdv-demo/docs/drawer/demo/form-in-drawer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/form-in-drawer.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span role="img" aria-label="plus" class="anticon anticon-plus"><svg viewBox="64 64 896 896" focusable="false" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><defs><style></style></defs><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></span><span>New account</span></button> <button class="ant-btn ant-btn-primary" type="button">
<!----> <!----><span role="img" aria-label="plus" class="anticon anticon-plus"><svg class="" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><defs><style></style></defs><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></span><span>New account</span></button>
</div> <!---->
`; `;
exports[`renders ./antdv-demo/docs/drawer/demo/multi-level-drawer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/multi-level-drawer.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> <button class="ant-btn ant-btn-primary" type="button">
<!----> <!----><span>Open</span></button>
</div> <!---->
`; `;
exports[`renders ./antdv-demo/docs/drawer/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/placement.md correctly 1`] = `
<div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-right: 8px;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="top"><span class="ant-radio-inner"></span></span><span> top </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="right"><span class="ant-radio-inner"></span></span><span> right </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="bottom"><span class="ant-radio-inner"></span></span><span> bottom </span></label><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="left"><span class="ant-radio-inner"></span></span><span> left </span></label></div><button class="ant-btn ant-btn-primary" type="button">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-right: 8px;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="top"><span class="ant-radio-inner"></span></span><span> <!----><span>Open</span></button>
top <!---->
</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="right"><span class="ant-radio-inner"></span></span><span>
right
</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="bottom"><span class="ant-radio-inner"></span></span><span>
bottom
</span></label><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="left"><span class="ant-radio-inner"></span></span><span>
left
</span></label></div> <button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
<!---->
</div>
`; `;
exports[`renders ./antdv-demo/docs/drawer/demo/render-in-current.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/render-in-current.md correctly 1`] = `
<div style="height: 200px; overflow: hidden; position: relative; border: 1px solid #ebedf0; border-radius: 2px; padding: 48px; text-align: center; background: rgb(250, 250, 250);"> <div style="height: 200px; overflow: hidden; position: relative; border: 1px solid #ebedf0; border-radius: 2px; padding: 48px; text-align: center; background: rgb(250, 250, 250);"> Render in this <div style="margin-top: 16px;"><button class="ant-btn ant-btn-primary" type="button">
Render in this <!----><span>Open</span></button></div>
<div style="margin-top: 16px;"><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button></div>
<div class=""> <div class="">
<div tabindex="-1" class="ant-drawer ant-drawer-right" style="position: absolute;"> <div class="ant-drawer ant-drawer-right" style="position: absolute;" tabindex="-1">
<div class="ant-drawer-mask"></div> <div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;"> <div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
<div class="ant-drawer-content"> <div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body"> <div class="ant-drawer-wrapper-body">
<div class="ant-drawer-header"> <div class="ant-drawer-header">
<div class="ant-drawer-title">Basic Drawer</div> <div class="ant-drawer-title">Basic Drawer</div>
<!---->
</div> </div>
<div class="ant-drawer-body"> <div class="ant-drawer-body">
<p>Some contents...</p> <p>Some contents...</p>
</div> </div>
</div> </div>
</div> </div>
<!---->
</div> </div>
</div> </div>
</div> </div>
@ -58,39 +50,48 @@ exports[`renders ./antdv-demo/docs/drawer/demo/render-in-current.md correctly 1`
`; `;
exports[`renders ./antdv-demo/docs/drawer/demo/user-profile.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/user-profile.md correctly 1`] = `
<div> <div class="ant-list ant-list-split ant-list-bordered">
<div class="ant-list ant-list-split ant-list-bordered"> <!---->
<div class="ant-spin-nested-loading"> <!---->
<div class="ant-spin-container"> <div class="ant-spin-nested-loading">
<ul class="ant-list-items"> <!---->
<li class="ant-list-item"> <div class="ant-spin-container">
<div class="ant-list-item-meta"> <ul class="ant-list-items">
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png"></span></div> <li class="ant-list-item">
<div class="ant-list-item-meta-content"> <div class="ant-list-item-meta">
<h4 class="ant-list-item-meta-title"><a href="https://www.antdv.com/">Lily</a></h4> <div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png"></span></div>
<div class="ant-list-item-meta-description">Progresser XTech</div> <div class="ant-list-item-meta-content">
</div> <h4 class="ant-list-item-meta-title"><a href="https://www.antdv.com/">Lily</a></h4>
<div class="ant-list-item-meta-description">Progresser XTech</div>
</div> </div>
<ul class="ant-list-item-action"> </div>
<li><a>View Profile</a></li> <ul class="ant-list-item-action">
</ul> <li><a>View Profile</a>
</li> <!---->
<li class="ant-list-item"> </li>
<div class="ant-list-item-meta"> </ul>
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png"></span></div> <!---->
<div class="ant-list-item-meta-content"> </li>
<h4 class="ant-list-item-meta-title"><a href="https://www.antdv.com/">Lily</a></h4> <li class="ant-list-item">
<div class="ant-list-item-meta-description">Progresser XTech</div> <div class="ant-list-item-meta">
</div> <div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png"></span></div>
<div class="ant-list-item-meta-content">
<h4 class="ant-list-item-meta-title"><a href="https://www.antdv.com/">Lily</a></h4>
<div class="ant-list-item-meta-description">Progresser XTech</div>
</div> </div>
<ul class="ant-list-item-action"> </div>
<li><a>View Profile</a></li> <ul class="ant-list-item-action">
</ul> <li><a>View Profile</a>
</li> <!---->
</ul> </li>
</div> </ul>
<!---->
</li>
</ul>
</div> </div>
</div> </div>
<!----> <!---->
<!---->
</div> </div>
<!---->
`; `;