You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
636 lines
12 KiB
636 lines
12 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Skeleton avatar element active 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element ant-skeleton-active"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar element shape 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar element shape 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-square"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar element size 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-sm ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar element size 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar element size 3`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar element size 4`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-circle"
|
|
style="width: 20px; height: 20px; line-height: 20px;"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar shape 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 50%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar shape 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-square"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 50%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar size 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-sm ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 50%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar size 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 50%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar size 3`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 50%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton avatar size 4`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-circle"
|
|
style="width: 20px; height: 20px; line-height: 20px;"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 50%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element active 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element ant-skeleton-active"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element block 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element ant-skeleton-block"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element shape 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element shape 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button ant-skeleton-button-round"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element shape 3`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button ant-skeleton-button-circle"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element size 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element size 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button ant-skeleton-button-lg"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton button element size 3`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-button ant-skeleton-button-sm"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton custom node element should render normal 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<div
|
|
class="ant-skeleton-image"
|
|
>
|
|
<span
|
|
aria-label="dot-chart"
|
|
class="anticon anticon-dot-chart"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="dot-chart"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM288 604a64 64 0 10128 0 64 64 0 10-128 0zm118-224a48 48 0 1096 0 48 48 0 10-96 0zm158 228a96 96 0 10192 0 96 96 0 10-192 0zm148-314a56 56 0 10112 0 56 56 0 10-112 0z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton custom node element should render normal 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<div
|
|
class="ant-skeleton-image"
|
|
>
|
|
<span>
|
|
Custom Content Node
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton image element should render normal 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<div
|
|
class="ant-skeleton-image"
|
|
>
|
|
<svg
|
|
class="ant-skeleton-image-svg"
|
|
viewBox="0 0 1098 1024"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
class="ant-skeleton-image-path"
|
|
d="M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton input element active 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element ant-skeleton-active"
|
|
>
|
|
<span
|
|
class="ant-skeleton-input"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton input element size 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-input ant-skeleton-input-sm"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton input element size 2`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-input"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton input element size 3`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-element"
|
|
>
|
|
<span
|
|
class="ant-skeleton-input ant-skeleton-input-lg"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton paragraph rows 1`] = `
|
|
<div
|
|
class="ant-skeleton"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 38%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
<li />
|
|
<li />
|
|
<li
|
|
style="width: 61%;"
|
|
/>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton paragraph width 1`] = `
|
|
<div
|
|
class="ant-skeleton"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 38%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
<li
|
|
style="width: 93%;"
|
|
/>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton paragraph width 2`] = `
|
|
<div
|
|
class="ant-skeleton"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 38%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li
|
|
style="width: 28%;"
|
|
/>
|
|
<li
|
|
style="width: 93%;"
|
|
/>
|
|
<li />
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton rtl render component should be rendered correctly in RTL direction 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-rtl"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 38%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
<li
|
|
style="width: 61%;"
|
|
/>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton should display without children and falsy loading props 1`] = `null`;
|
|
|
|
exports[`Skeleton should round title and paragraph 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-round"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 38%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
<li
|
|
style="width: 61%;"
|
|
/>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton should square avatar 1`] = `
|
|
<div
|
|
class="ant-skeleton ant-skeleton-with-avatar"
|
|
>
|
|
<div
|
|
class="ant-skeleton-header"
|
|
>
|
|
<span
|
|
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-square"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton should support style 1`] = `
|
|
<div
|
|
class="ant-skeleton"
|
|
style="background: blue;"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 38%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
<li
|
|
style="width: 61%;"
|
|
/>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton should without avatar and paragraph 1`] = `
|
|
<div
|
|
class="ant-skeleton"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Skeleton title width 1`] = `
|
|
<div
|
|
class="ant-skeleton"
|
|
>
|
|
<div
|
|
class="ant-skeleton-content"
|
|
>
|
|
<h3
|
|
class="ant-skeleton-title"
|
|
style="width: 93%;"
|
|
/>
|
|
<ul
|
|
class="ant-skeleton-paragraph"
|
|
>
|
|
<li />
|
|
<li />
|
|
<li
|
|
style="width: 61%;"
|
|
/>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|