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.
ant-design-vue/components/drawer/__tests__/__snapshots__/Drawer.test.js.snap

83 lines
2.9 KiB

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Drawer class is test_drawer 1`] = `
<div>
<div class="ant-drawer ant-drawer-right test_drawer">
<div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
<div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%; opacity: 0;">
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
<div class="ant-drawer-body">Here is content of Drawer</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Drawer closable is false 1`] = `
<div>
<div class="ant-drawer ant-drawer-right">
<div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
<div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;">
<div class="ant-drawer-body">Here is content of Drawer</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Drawer destroyOnClose is true 1`] = `
<div>
<div class="ant-drawer ant-drawer-right">
<div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
<div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%; opacity: 0;">
<div class="ant-drawer-body">Here is content of Drawer</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Drawer have a title 1`] = `
<div>
<div class="ant-drawer ant-drawer-right">
<div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
<div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;">
<div class="ant-drawer-header">
<div class="ant-drawer-title">Test Title</div>
</div>
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
<div class="ant-drawer-body">Here is content of Drawer</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Drawer render correctly 1`] = `
<div>
<div class="ant-drawer ant-drawer-right">
<div class="ant-drawer-mask"></div>
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 400px;">
<div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;">
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
<div class="ant-drawer-body">Here is content of Drawer</div>
</div>
</div>
</div>
</div>
</div>
`;