ant-design/components/qrcode/__tests__/__snapshots__/demo.test.ts.snap
lijianan d2d37bda21 fix: fix QRCode style (#39849)
* fix: fix style

* snap

* Update components/qrcode/style/index.ts

Co-authored-by: afc163 <afc163@gmail.com>

* rename className

* use token

Co-authored-by: afc163 <afc163@gmail.com>
2022-12-31 22:24:55 +08:00

366 lines
8.0 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/qrcode/demo/Popover.tsx correctly 1`] = `
<img
alt="icon"
height="100"
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
width="100"
/>
`;
exports[`renders ./components/qrcode/demo/base.tsx correctly 1`] = `
<div
class="ant-qrcode"
style="width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>
`;
exports[`renders ./components/qrcode/demo/customColor.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-qrcode"
style="margin-bottom:16px;background-color:#f5f5f5;width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>
</div>
<div
class="ant-space-item"
>
<div
class="ant-qrcode"
style="margin-bottom:16px;background-color:#f5f5f5;width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>
</div>
</div>
`;
exports[`renders ./components/qrcode/demo/customSize.tsx correctly 1`] = `
Array [
<div
class="ant-btn-group"
style="margin-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
aria-label="minus"
class="anticon anticon-minus"
role="img"
>
<svg
aria-hidden="true"
data-icon="minus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
<span>
Smaller
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs>
<style />
</defs>
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
<span>
Larger
</span>
</button>
</div>,
<div
class="ant-qrcode"
style="width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
<img
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
style="display:none"
/>
</div>,
]
`;
exports[`renders ./components/qrcode/demo/download.tsx correctly 1`] = `
<div
id="myqrcode"
>
<div
class="ant-qrcode"
style="margin-bottom:16px;width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Download
</span>
</button>
</div>
`;
exports[`renders ./components/qrcode/demo/errorlevel.tsx correctly 1`] = `
Array [
<div
class="ant-qrcode"
style="margin-bottom:16px;width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>,
<div
class="ant-segmented"
>
<div
class="ant-segmented-group"
>
<label
class="ant-segmented-item ant-segmented-item-selected"
>
<input
checked=""
class="ant-segmented-item-input"
type="radio"
/>
<div
class="ant-segmented-item-label"
title="L"
>
L
</div>
</label>
<label
class="ant-segmented-item"
>
<input
class="ant-segmented-item-input"
type="radio"
/>
<div
class="ant-segmented-item-label"
title="M"
>
M
</div>
</label>
<label
class="ant-segmented-item"
>
<input
class="ant-segmented-item-input"
type="radio"
/>
<div
class="ant-segmented-item-label"
title="Q"
>
Q
</div>
</label>
<label
class="ant-segmented-item"
>
<input
class="ant-segmented-item-input"
type="radio"
/>
<div
class="ant-segmented-item-label"
title="H"
>
H
</div>
</label>
</div>
</div>,
]
`;
exports[`renders ./components/qrcode/demo/icon.tsx correctly 1`] = `
<div
class="ant-qrcode"
style="width:160px;height:160px"
>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
<img
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
style="display:none"
/>
</div>
`;
exports[`renders ./components/qrcode/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-qrcode"
style="width:160px;height:160px"
>
<div
class="ant-qrcode-mask"
>
<div
aria-busy="true"
aria-live="polite"
class="ant-spin ant-spin-spinning"
>
<span
class="ant-spin-dot ant-spin-dot-spin"
>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
</span>
</div>
</div>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-qrcode"
style="width:160px;height:160px"
>
<div
class="ant-qrcode-mask"
>
<p
class="ant-qrcode-expired"
>
QR code expired
</p>
<button
class="ant-btn ant-btn-link"
type="button"
>
<span
aria-label="reload"
class="anticon anticon-reload"
role="img"
>
<svg
aria-hidden="true"
data-icon="reload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 00-10.1 4.8c-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 01655.9 829c-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 01279 755.2a342.16 342.16 0 01-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 01109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z"
/>
</svg>
</span>
<span>
Refresh
</span>
</button>
</div>
<canvas
height="134"
style="height:134px;width:134px"
width="134"
/>
</div>
</div>
</div>
`;