test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-16 01:41:02 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity
2bced36f0c
ant-design/components/input/__tests__/__snapshots__/demo.test.js.snap
偏右 2bced36f0c New component styles (#7731) 
* Tweak button padding

* upgrade input and button size

* update form controls size

* update components size

* Add lemon color and update rate color

* Add new icons

* update layout style

* breadcrumb and dropdown

* update menu arrow width

* update layout and menu

* update steps

* fix var name

* update cascasder style

* Update DatePicker

* update InputNumber and Mention

* radio and switch

* select and transfer

* TimePicker & Upload

* more components

* calendar and list

* Tree Timeline Popover Tag

* divider modal popover

* update search input

* update card style

* update switch disabled opacity

* update shoadow and mask

* Add v2-compatible-reset.less

* Fix undefined className

* update snahshotssssssssssssssssss 👻
2017-09-27 22:32:49 +08:00

776 lines
17 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;"
>
<span
class="ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<span
class="ant-input-group-addon"
>
Http://
</span>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
.com
</span>
</span>
</span>
</div>
<div
style="margin-bottom:16px;"
>
<span
class="ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<span
class="ant-input-group-addon"
>
<div
class="ant-select ant-select-enabled"
style="width:80px;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Http://"
>
Http://
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
<div
class="ant-select ant-select-enabled"
style="width:70px;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title=".com"
>
.com
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
</span>
</span>
</div>
<div
style="margin-bottom:16px;"
>
<span
class="ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
<i
class="anticon anticon-setting"
/>
</span>
</span>
</span>
</div>
</div>
`;
exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
<div>
<textarea
class="ant-input"
placeholder="Autosize height based on content lines"
/>
<div
style="margin:24px 0;"
/>
<textarea
class="ant-input"
placeholder="Autosize height with minimum and maximum number of lines"
/>
</div>
`;
exports[`renders ./components/input/demo/basic.md correctly 1`] = `
<input
class="ant-input"
placeholder="Basic usage"
type="text"
/>
`;
exports[`renders ./components/input/demo/group.md correctly 1`] = `
<div>
<span
class="ant-input-group ant-input-group-lg"
>
<div
class="ant-col-4"
>
<input
class="ant-input"
type="text"
value="0571"
/>
</div>
<div
class="ant-col-8"
>
<input
class="ant-input"
type="text"
value="26888888"
/>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<input
class="ant-input"
style="width:20%;"
type="text"
value="0571"
/>
<input
class="ant-input"
style="width:30%;"
type="text"
value="26888888"
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Zhejiang"
>
Zhejiang
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
class="ant-input"
style="width:50%;"
type="text"
value="Xihu District, Hangzhou"
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1"
>
Option1
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
class="ant-input"
style="width:50%;"
type="text"
value="input content"
/>
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up "
role="button"
unselectable="unselectable"
>
<span
class="ant-input-number-handler-up-inner"
unselectable="unselectable"
/>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down "
role="button"
unselectable="unselectable"
>
<span
class="ant-input-number-handler-down-inner"
unselectable="unselectable"
/>
</span>
</div>
<div
aria-valuemax="9007199254740991"
aria-valuemin="-9007199254740991"
class="ant-input-number-input-wrap"
role="spinbutton"
>
<input
autocomplete="off"
class="ant-input-number-input"
max="9007199254740991"
min="-9007199254740991"
step="1"
value=""
/>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<input
class="ant-input"
style="width:50%;"
type="text"
value="input content"
/>
<span
class="ant-calendar-picker"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1-1"
>
Option1-1
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option2-2"
>
Option2-2
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Between"
>
Between
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
class="ant-input"
placeholder="Minimum"
style="width:100px;text-align:center;"
type="text"
/>
<input
class="ant-input ant-input-disabled"
disabled=""
placeholder="~"
style="width:24px;border-left:0;pointer-events:none;background-color:#fff;"
type="text"
/>
<input
class="ant-input"
placeholder="Maximum"
style="width:100px;text-align:center;border-left:0;"
type="text"
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Sign Up"
>
Sign Up
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Email
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
style="width:30%;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Home"
>
Home
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<span
class="ant-cascader-picker"
style="width:70%;"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Select Address"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
<span
class="ant-input-affix-wrapper"
>
<span
class="ant-input-prefix"
>
<i
class="anticon anticon-user"
/>
</span>
<input
class="ant-input"
placeholder="Enter your userName"
type="text"
value=""
/>
</span>
`;
exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
<div>
<span
class="ant-input-search ant-input-affix-wrapper"
style="width:200px;"
>
<input
class="ant-input"
placeholder="input search text"
type="text"
/>
<span
class="ant-input-suffix"
>
<i
class="anticon anticon-search ant-input-search-icon"
/>
</span>
</span>
<br />
<br />
<span
class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper"
>
<input
class="ant-input"
placeholder="input search text"
type="text"
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn ant-input-search-button ant-btn-primary"
type="button"
>
<i
class="anticon anticon-search"
/>
</button>
</span>
</span>
<br />
<br />
<span
class="ant-input-search ant-input-search-enter-button ant-input-search-large ant-input-affix-wrapper"
>
<input
class="ant-input ant-input-lg"
placeholder="input search text"
type="text"
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn ant-input-search-button ant-btn-primary ant-btn-lg"
type="button"
>
<span>
Search
</span>
</button>
</span>
</span>
</div>
`;
exports[`renders ./components/input/demo/size.md correctly 1`] = `
<div
class="example-input"
>
<input
class="ant-input ant-input-lg"
placeholder="large size"
type="text"
/>
<input
class="ant-input"
placeholder="default size"
type="text"
/>
<input
class="ant-input ant-input-sm"
placeholder="small size"
type="text"
/>
</div>
`;
exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
<textarea
class="ant-input"
rows="4"
/>
`;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
<input
class="ant-input"
maxlength="25"
placeholder="Input a number"
style="width:120px;"
type="text"
value=""
/>
`;
Reference in New Issue View Git Blame Copy Permalink