mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
ec76041584
* chore: watermark add utils * feat: Support watermark interleaved layout * docs: add watermark docs * docs: add watermark demo * test: add watermark test * test: add watermark snapshot * feat: The watermark is staggered by default
89 lines
2.9 KiB
Plaintext
89 lines
2.9 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Watermark Image watermark snapshot 1`] = `
|
|
<div>
|
|
<div
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-repeat: repeat; background-position: 0px 0px; background-image: url('data:image/png;base64,00'); background-size: 440px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Watermark Interleaved watermark backgroundSize is correct 1`] = `
|
|
<div>
|
|
<div
|
|
class="watermark"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-repeat: repeat; background-position: 0px 0px; background-image: url('data:image/png;base64,00'); background-size: 600px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Watermark MutationObserver should work properly 1`] = `
|
|
<div>
|
|
<div
|
|
class="watermark"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-repeat: repeat; background-position: 0px 0px; background-image: url('data:image/png;base64,00'); background-size: 232px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Watermark Observe the modification of style 1`] = `
|
|
<div>
|
|
<div
|
|
class="watermark"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-repeat: repeat; background-position: -250px -250px; background-image: url('data:image/png;base64,00'); background-size: 232px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Watermark The offset should be correct 1`] = `
|
|
<div>
|
|
<div
|
|
class="watermark"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 150px; top: 150px; width: calc(100% - 150px); height: calc(100% - 150px); pointer-events: none; background-repeat: repeat; background-position: 0px 0px; background-image: url('data:image/png;base64,00'); background-size: 228px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Watermark The watermark should render successfully 1`] = `
|
|
<div>
|
|
<div
|
|
class="watermark"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-repeat: repeat; background-position: 0px 0px; background-image: url('data:image/png;base64,00'); background-size: 220px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Watermark rtl render component should be rendered correctly in RTL direction 1`] = `
|
|
<div
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
style="z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-repeat: repeat; background-position: 0px 0px; background-image: url('data:image/png;base64,00'); background-size: 200px;"
|
|
/>
|
|
</div>
|
|
`;
|