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

test: update page-header snap

pull/2682/head
tanjinzhou 2020-08-14 11:09:05 +08:00
parent c0191c736f
commit 9d403d121f
1 changed files with 232 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

297
components/page-header/__tests__/__snapshots__/demo.test.js.snap
View File

@ -6,6 +6,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
class="ant-page-header ant-page-header-ghost" class="ant-page-header ant-page-header-ghost"
style="border: 1px solid rgb(235, 237, 240);" style="border: 1px solid rgb(235, 237, 240);"
> >
<!---->
<div <div
class="ant-page-header-heading" class="ant-page-header-heading"
> >
@ -19,6 +20,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;" style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
tabindex="0" tabindex="0"
> >
<span <span
aria-label="arrow-left" aria-label="arrow-left"
class="anticon anticon-arrow-left" class="anticon anticon-arrow-left"
@ -39,8 +41,10 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div> </div>
</div> </div>
<!---->
<span <span
class="ant-page-header-heading-title" class="ant-page-header-heading-title"
> >
@ -51,35 +55,45 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
> >
This is a subtitle This is a subtitle
</span> </span>
<!---->
<span <span
class="ant-page-header-heading-extra" class="ant-page-header-heading-extra"
> >
<button
class="ant-btn"
type="button"
>
<span>
Operation
</span>
</button>
<button <button
class="ant-btn" class="ant-btn"
type="button" type="button"
> >
<!---->
<span> <span>
Operation Operation
</span> </span>
</button>
</button>
<button
class="ant-btn"
type="button"
>
<!---->
<span>
Operation
</span>
</button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button" type="button"
> >
<!---->
<span> <span>
Primary Primary
</span> </span>
</button> </button>
</span> </span>
</div> </div>
<div <div
@ -89,14 +103,17 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
<div <div
class="ant-descriptions ant-descriptions-small" class="ant-descriptions ant-descriptions-small"
> >
<!---->
<div <div
class="ant-descriptions-view" class="ant-descriptions-view"
> >
<table> <table>
<tbody> <tbody>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="1" colspan="1"
@ -126,9 +143,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
<span <span
class="ant-descriptions-item-content" class="ant-descriptions-item-content"
> >
<a> <a>
421421 421421
</a> </a>
</span> </span>
</td> </td>
<td <td
@ -148,10 +167,12 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
</span> </span>
</td> </td>
</tr> </tr>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="1" colspan="1"
@ -186,19 +207,22 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
</span> </span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
<!---->
</div>
<br /> <br />
<div <div
class="ant-page-header ant-page-header-ghost" class="ant-page-header ant-page-header-ghost"
> >
<!---->
<div <div
class="ant-page-header-heading" class="ant-page-header-heading"
> >
@ -212,6 +236,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;" style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
tabindex="0" tabindex="0"
> >
<span <span
aria-label="arrow-left" aria-label="arrow-left"
class="anticon anticon-arrow-left" class="anticon anticon-arrow-left"
@ -232,8 +257,10 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div> </div>
</div> </div>
<!---->
<span <span
class="ant-page-header-heading-title" class="ant-page-header-heading-title"
> >
@ -253,46 +280,56 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
Running Running
<!---->
</span> </span>
</span> </span>
<span <!---->
class="ant-page-header-heading-extra"
>
<button
class="ant-btn"
type="button"
>
<span>
Operation
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Operation
</span>
</button>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Primary
</span>
</button>
</span>
</div> </div>
<div <div
class="ant-page-header-content" class="ant-page-header-content"
> >
<template
slot="extra"
>
<button
class="ant-btn"
type="button"
>
<!---->
<span>
Operation
</span>
</button>
<button
class="ant-btn"
type="button"
>
<!---->
<span>
Operation
</span>
</button>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<!---->
<span>
Primary
</span>
</button>
</template>
<div <div
class="ant-row-flex" class="ant-row-flex"
> >
<div <div
class="ant-statistic" class="ant-statistic"
> >
@ -304,14 +341,15 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
<div <div
class="ant-statistic-content" class="ant-statistic-content"
> >
<!---->
<span <span
class="ant-statistic-content-value" class="ant-statistic-content-value"
> >
Pending Pending
</span> </span>
<!---->
</div> </div>
</div> </div>
<div <div
class="ant-statistic" class="ant-statistic"
style="margin: 0px 32px;" style="margin: 0px 32px;"
@ -332,9 +370,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
<span <span
class="ant-statistic-content-value" class="ant-statistic-content-value"
> >
<span <span
class="ant-statistic-content-value-int" class="ant-statistic-content-value-int"
> >
568 568
</span> </span>
<span <span
@ -342,10 +382,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
> >
.08 .08
</span> </span>
</span>
</div>
</div>
</span>
<!---->
</div>
</div>
<div <div
class="ant-statistic" class="ant-statistic"
> >
@ -365,9 +406,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
<span <span
class="ant-statistic-content-value" class="ant-statistic-content-value"
> >
<span <span
class="ant-statistic-content-value-int" class="ant-statistic-content-value-int"
> >
3,345 3,345
</span> </span>
<span <span
@ -375,11 +418,16 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
> >
.08 .08
</span> </span>
</span> </span>
<!---->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!---->
</div> </div>
</div> </div>
`; `;
@ -389,6 +437,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/basic.md correctly 1`] = `
class="ant-page-header ant-page-header-ghost" class="ant-page-header ant-page-header-ghost"
style="border: 1px solid rgb(235, 237, 240);" style="border: 1px solid rgb(235, 237, 240);"
> >
<!---->
<div <div
class="ant-page-header-heading" class="ant-page-header-heading"
> >
@ -402,6 +451,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/basic.md correctly 1`] = `
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;" style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
tabindex="0" tabindex="0"
> >
<span <span
aria-label="arrow-left" aria-label="arrow-left"
class="anticon anticon-arrow-left" class="anticon anticon-arrow-left"
@ -422,8 +472,10 @@ exports[`renders ./antdv-demo/docs/page-header/demo/basic.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div> </div>
</div> </div>
<!---->
<span <span
class="ant-page-header-heading-title" class="ant-page-header-heading-title"
> >
@ -434,7 +486,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/basic.md correctly 1`] = `
> >
This is a subtitle This is a subtitle
</span> </span>
<!---->
<!---->
</div> </div>
<!---->
<!---->
</div> </div>
`; `;
@ -446,15 +502,18 @@ exports[`renders ./antdv-demo/docs/page-header/demo/breadcrumb.md correctly 1`]
<div <div
class="ant-breadcrumb" class="ant-breadcrumb"
> >
<span> <span>
<span <span
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
> >
<a <a
href="#/index" href="#/index"
> >
First-level Menu First-level Menu
</a> </a>
</span> </span>
<span <span
class="ant-breadcrumb-separator" class="ant-breadcrumb-separator"
@ -466,11 +525,13 @@ exports[`renders ./antdv-demo/docs/page-header/demo/breadcrumb.md correctly 1`]
<span <span
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
> >
<a <a
href="#/index/first" href="#/index/first"
> >
Second-level Menu Second-level Menu
</a> </a>
</span> </span>
<span <span
class="ant-breadcrumb-separator" class="ant-breadcrumb-separator"
@ -482,9 +543,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/breadcrumb.md correctly 1`]
<span <span
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
> >
<span> <span>
Third-level Menu Third-level Menu
</span> </span>
</span> </span>
<span <span
class="ant-breadcrumb-separator" class="ant-breadcrumb-separator"
@ -492,10 +555,13 @@ exports[`renders ./antdv-demo/docs/page-header/demo/breadcrumb.md correctly 1`]
/ /
</span> </span>
</span> </span>
</div> </div>
<div <div
class="ant-page-header-heading" class="ant-page-header-heading"
> >
<!---->
<!---->
<span <span
class="ant-page-header-heading-title" class="ant-page-header-heading-title"
> >
@ -506,7 +572,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/breadcrumb.md correctly 1`]
> >
This is a subtitle This is a subtitle
</span> </span>
<!---->
<!---->
</div> </div>
<!---->
<!---->
</div> </div>
`; `;
@ -517,6 +587,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
<div <div
class="ant-page-header" class="ant-page-header"
> >
<!---->
<div <div
class="ant-page-header-heading" class="ant-page-header-heading"
> >
@ -530,6 +601,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;" style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
tabindex="0" tabindex="0"
> >
<span <span
aria-label="arrow-left" aria-label="arrow-left"
class="anticon anticon-arrow-left" class="anticon anticon-arrow-left"
@ -550,8 +622,10 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
/> />
</svg> </svg>
</span> </span>
</div> </div>
</div> </div>
<!---->
<span <span
class="ant-page-header-heading-title" class="ant-page-header-heading-title"
> >
@ -562,35 +636,45 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
> >
This is a subtitle This is a subtitle
</span> </span>
<!---->
<span <span
class="ant-page-header-heading-extra" class="ant-page-header-heading-extra"
> >
<button
class="ant-btn"
type="button"
>
<span>
Operation
</span>
</button>
<button <button
class="ant-btn" class="ant-btn"
type="button" type="button"
> >
<!---->
<span> <span>
Operation Operation
</span> </span>
</button>
</button>
<button
class="ant-btn"
type="button"
>
<!---->
<span>
Operation
</span>
</button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button" type="button"
> >
<!---->
<span> <span>
Primary Primary
</span> </span>
</button> </button>
</span> </span>
</div> </div>
<div <div
@ -600,14 +684,17 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
<div <div
class="ant-descriptions ant-descriptions-small" class="ant-descriptions ant-descriptions-small"
> >
<!---->
<div <div
class="ant-descriptions-view" class="ant-descriptions-view"
> >
<table> <table>
<tbody> <tbody>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="1" colspan="1"
@ -637,9 +724,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
<span <span
class="ant-descriptions-item-content" class="ant-descriptions-item-content"
> >
<a> <a>
421421 421421
</a> </a>
</span> </span>
</td> </td>
<td <td
@ -659,10 +748,12 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
</span> </span>
</td> </td>
</tr> </tr>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="1" colspan="1"
@ -697,12 +788,16 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
</span> </span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
<!---->
</div> </div>
</div> </div>
`; `;
@ -713,6 +808,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
class="ant-page-header has-footer ant-page-header-ghost" class="ant-page-header has-footer ant-page-header-ghost"
style="border: 1px solid rgb(235, 237, 240);" style="border: 1px solid rgb(235, 237, 240);"
> >
<!---->
<div <div
class="ant-page-header-heading" class="ant-page-header-heading"
> >
@ -726,6 +822,7 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;" style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
tabindex="0" tabindex="0"
> >
<span <span
aria-label="arrow-left" aria-label="arrow-left"
class="anticon anticon-arrow-left" class="anticon anticon-arrow-left"
@ -746,8 +843,10 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
/> />
</svg> </svg>
</span> </span>
</div> </div>
</div> </div>
<!---->
<span <span
class="ant-page-header-heading-title" class="ant-page-header-heading-title"
> >
@ -758,35 +857,45 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
> >
This is a subtitle This is a subtitle
</span> </span>
<!---->
<span <span
class="ant-page-header-heading-extra" class="ant-page-header-heading-extra"
> >
<button
class="ant-btn"
type="button"
>
<span>
Operation
</span>
</button>
<button <button
class="ant-btn" class="ant-btn"
type="button" type="button"
> >
<!---->
<span> <span>
Operation Operation
</span> </span>
</button>
</button>
<button
class="ant-btn"
type="button"
>
<!---->
<span>
Operation
</span>
</button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button" type="button"
> >
<!---->
<span> <span>
Primary Primary
</span> </span>
</button> </button>
</span> </span>
</div> </div>
<div <div
@ -802,14 +911,17 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
<div <div
class="ant-descriptions ant-descriptions-small" class="ant-descriptions ant-descriptions-small"
> >
<!---->
<div <div
class="ant-descriptions-view" class="ant-descriptions-view"
> >
<table> <table>
<tbody> <tbody>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="1" colspan="1"
@ -839,15 +951,19 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
<span <span
class="ant-descriptions-item-content" class="ant-descriptions-item-content"
> >
<a> <a>
421421 421421
</a> </a>
</span> </span>
</td> </td>
</tr> </tr>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="1" colspan="1"
@ -882,10 +998,12 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
</span> </span>
</td> </td>
</tr> </tr>
<tr <tr
class="ant-descriptions-row" class="ant-descriptions-row"
> >
<td <td
class="ant-descriptions-item" class="ant-descriptions-item"
colspan="2" colspan="2"
@ -903,13 +1021,14 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
</span> </span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
<div <div
class="extra" class="extra"
> >
@ -928,14 +1047,15 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
<div <div
class="ant-statistic-content" class="ant-statistic-content"
> >
<!---->
<span <span
class="ant-statistic-content-value" class="ant-statistic-content-value"
> >
Pending Pending
</span> </span>
<!---->
</div> </div>
</div> </div>
<div <div
class="ant-statistic" class="ant-statistic"
> >
@ -955,9 +1075,11 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
<span <span
class="ant-statistic-content-value" class="ant-statistic-content-value"
> >
<span <span
class="ant-statistic-content-value-int" class="ant-statistic-content-value-int"
> >
568 568
</span> </span>
<span <span
@ -965,24 +1087,29 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
> >
.08 .08
</span> </span>
</span> </span>
<!---->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-page-header-footer" class="ant-page-header-footer"
> >
<div <div
class="ant-tabs ant-tabs-top ant-tabs-line" class="ant-tabs-line ant-tabs ant-tabs-top"
> >
<div <div
class="ant-tabs-bar ant-tabs-top-bar" class="ant-tabs-bar ant-tabs-top-bar"
role="tablist" role="tablist"
tabindex="0" tabindex="0"
> >
<div <div
class="ant-tabs-nav-container" class="ant-tabs-nav-container"
> >
@ -1053,7 +1180,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
<div <div
class="ant-tabs-nav ant-tabs-nav-animated" class="ant-tabs-nav ant-tabs-nav-animated"
> >
<div> <div>
<div <div
aria-disabled="false" aria-disabled="false"
aria-selected="true" aria-selected="true"
@ -1070,25 +1199,32 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
> >
Rule Rule
</div> </div>
</div> </div>
<div <div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
style="display: block; transform: translate3d(0px,0,0); webkit-transform: translate3d(0px,0,0); width: 0px;" style="display: block; transform: translate3d(0px,0,0); webkit-transform: translate3d(0px,0,0); width: 0px;"
/> />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
role="presentation" role="presentation"
style="width: 0px; height: 0px; overflow: hidden; position: absolute;" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"
tabindex="0" tabindex="0"
/> >
</div>
<div <div
class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content"
style="margin-left: 0%;" style="margin-left: 0%;"
> >
<div <div
aria-hidden="false" aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
@ -1098,24 +1234,41 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
role="presentation" role="presentation"
style="width: 0px; height: 0px; overflow: hidden; position: absolute;" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"
tabindex="0" tabindex="0"
/> >
</div>
<div <div
role="presentation" role="presentation"
style="width: 0px; height: 0px; overflow: hidden; position: absolute;" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"
tabindex="0" tabindex="0"
/> >
</div>
</div> </div>
<div <div
aria-hidden="true" aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel" role="tabpanel"
/> >
<!---->
<!---->
<!---->
</div>
</div> </div>
<div <div
role="presentation" role="presentation"
style="width: 0px; height: 0px; overflow: hidden; position: absolute;" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"
tabindex="0" tabindex="0"
/> >
</div>
</div> </div>
</div> </div>
</div> </div>