mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
test: update all snapshots
This commit is contained in:
parent
5dca6fe2e2
commit
c9c312c4ba
@ -1,149 +0,0 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
||||||
|
|
||||||
exports[`should render demo and match snapshot 1`] = `
|
|
||||||
<div>
|
|
||||||
<form class="van-form van-address-edit">
|
|
||||||
<div class="van-address-edit__fields">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Name
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Name"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Phone
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Phone"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-cell--clickable van-field"
|
|
||||||
role="button"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Area
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
readonly
|
|
||||||
placeholder="Area"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field van-address-edit-detail">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Address
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<textarea id="van-field-input"
|
|
||||||
rows="1"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Address"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
style="height: auto;"
|
|
||||||
>
|
|
||||||
</textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Postal
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Postal"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-cell--center van-address-edit__default">
|
|
||||||
<div class="van-cell__title">
|
|
||||||
<span>
|
|
||||||
Set as the default address
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div role="switch"
|
|
||||||
class="van-switch"
|
|
||||||
style="font-size: 24px;"
|
|
||||||
tabindex="0"
|
|
||||||
aria-checked="false"
|
|
||||||
>
|
|
||||||
<div class="van-switch__node">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-address-edit__buttons">
|
|
||||||
<button type="submit"
|
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
|
|
||||||
>
|
|
||||||
<div class="van-button__content">
|
|
||||||
<span class="van-button__text">
|
|
||||||
Save
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
<button type="button"
|
|
||||||
class="van-button van-button--default van-button--normal van-button--block van-button--round van-address-edit__button"
|
|
||||||
>
|
|
||||||
<div class="van-button__content">
|
|
||||||
<span class="van-button__text">
|
|
||||||
Delete
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
`;
|
|
@ -1,377 +0,0 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
||||||
|
|
||||||
exports[`should allow to custom validator with validator prop 1`] = `
|
|
||||||
<div class="van-field__error-message">
|
|
||||||
foo name
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should render AddressEdit correctly 1`] = `
|
|
||||||
<form class="van-form van-address-edit">
|
|
||||||
<div class="van-address-edit__fields">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Name
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Name"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Phone
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Phone"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-cell--clickable van-field"
|
|
||||||
role="button"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Area
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
readonly
|
|
||||||
placeholder="Area"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field van-address-edit-detail">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Address
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<textarea id="van-field-input"
|
|
||||||
rows="1"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Address"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-address-edit__buttons">
|
|
||||||
<button type="submit"
|
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
|
|
||||||
>
|
|
||||||
<div class="van-button__content">
|
|
||||||
<span class="van-button__text">
|
|
||||||
Save
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should render AddressEdit with props correctly 1`] = `
|
|
||||||
<form class="van-form van-address-edit">
|
|
||||||
<div class="van-address-edit__fields">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Name
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Name"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Phone
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Phone"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-cell--clickable van-field"
|
|
||||||
role="button"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Area
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
readonly
|
|
||||||
placeholder="Area"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field van-address-edit-detail">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Address
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<textarea id="van-field-input"
|
|
||||||
rows="1"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Address"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Postal
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Postal"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-cell--center van-address-edit__default">
|
|
||||||
<div class="van-cell__title">
|
|
||||||
<span>
|
|
||||||
Set as the default address
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div role="switch"
|
|
||||||
class="van-switch van-switch--on"
|
|
||||||
style="font-size: 24px;"
|
|
||||||
tabindex="0"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<div class="van-switch__node">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-address-edit__buttons">
|
|
||||||
<button type="submit"
|
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
|
|
||||||
>
|
|
||||||
<div class="van-button__content">
|
|
||||||
<span class="van-button__text">
|
|
||||||
Save
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should valid address detail and render error message correctly 1`] = `
|
|
||||||
<div class="van-cell van-field van-address-edit-detail">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Address
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<textarea id="van-field-input"
|
|
||||||
rows="1"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Address"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
style="height: auto;"
|
|
||||||
>
|
|
||||||
</textarea>
|
|
||||||
</div>
|
|
||||||
<div class="van-field__error-message">
|
|
||||||
Address can not be empty
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should valid area code and render error message correctly 1`] = `
|
|
||||||
<div class="van-cell van-cell--clickable van-field"
|
|
||||||
role="button"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Area
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
readonly
|
|
||||||
placeholder="Area"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="van-field__error-message">
|
|
||||||
Please select a receiving area
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should valid name and render error message correctly 1`] = `
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Name
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="text"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Name"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="van-field__error-message">
|
|
||||||
Please fill in the name
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should valid postal code and render error message correctly 1`] = `
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Postal
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Postal"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="van-field__error-message">
|
|
||||||
Wrong postal code
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`should valid tel and render error message correctly 1`] = `
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Phone
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<input type="tel"
|
|
||||||
id="van-field-input"
|
|
||||||
class="van-field__control"
|
|
||||||
placeholder="Phone"
|
|
||||||
aria-labelledby="van-field-label"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="van-field__error-message">
|
|
||||||
Malformed phone number
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
@ -66,7 +66,7 @@ exports[`color prop when type is range 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-calendar__footer van-safe-area-bottom">
|
<div class="van-calendar__footer van-safe-area-bottom">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
style="color: white; background: blue; border-color: blue;"
|
style="color: white; background: blue; border-color: blue;"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
@ -295,7 +295,7 @@ exports[`color prop when type is single 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-calendar__footer van-safe-area-bottom">
|
<div class="van-calendar__footer van-safe-area-bottom">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
style="color: white; background: blue; border-color: blue;"
|
style="color: white; background: blue; border-color: blue;"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
@ -528,7 +528,7 @@ exports[`formatter prop 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-calendar__footer van-safe-area-bottom">
|
<div class="van-calendar__footer van-safe-area-bottom">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
@ -623,7 +623,7 @@ exports[`popup wrapper 2`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-calendar__footer van-safe-area-bottom">
|
<div class="van-calendar__footer van-safe-area-bottom">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
@ -888,7 +888,7 @@ exports[`row-height prop 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-calendar__footer van-safe-area-bottom">
|
<div class="van-calendar__footer van-safe-area-bottom">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
@ -902,7 +902,7 @@ exports[`row-height prop 1`] = `
|
|||||||
|
|
||||||
exports[`should render confirm-text slot correctly 1`] = `
|
exports[`should render confirm-text slot correctly 1`] = `
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
|
@ -214,7 +214,7 @@ exports[`lazy-render prop 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-calendar__footer van-safe-area-bottom">
|
<div class="van-calendar__footer van-safe-area-bottom">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
|
||||||
>
|
>
|
||||||
<div class="van-button__content">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
|
@ -1,226 +1,125 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`should render demo and match snapshot 1`] = `
|
exports[`should render demo and match snapshot 1`] = `
|
||||||
<div>
|
<div style="min-height: 100vh;">
|
||||||
<form class="van-form">
|
<div>
|
||||||
<div class="van-cell van-field">
|
<div class="van-cell van-cell--center">
|
||||||
<div class="van-cell__title van-field__label">
|
<div class="van-cell__title">
|
||||||
<label id="van-field-label"
|
<span>
|
||||||
for="van-field-input"
|
Switch Dark Mode
|
||||||
>
|
</span>
|
||||||
Rate
|
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="van-cell__value van-field__value">
|
<div role="switch"
|
||||||
<div class="van-field__body">
|
class="van-switch"
|
||||||
<div class="van-field__control van-field__control--custom">
|
style="font-size: 24px;"
|
||||||
<div role="radiogroup"
|
tabindex="0"
|
||||||
class="van-rate"
|
aria-checked="false"
|
||||||
tabindex="0"
|
>
|
||||||
aria-disabled="false"
|
<div class="van-switch__node">
|
||||||
aria-readonly="false"
|
|
||||||
>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="1"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="2"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="3"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="4"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="5"
|
|
||||||
aria-checked="false"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="van-cell van-field">
|
</div>
|
||||||
<div class="van-cell__title van-field__label">
|
<div>
|
||||||
<label id="van-field-label"
|
<div class="van-config-provider">
|
||||||
for="van-field-input"
|
<form class="van-form">
|
||||||
>
|
<div class="van-cell van-field">
|
||||||
Slider
|
<div class="van-cell__title van-field__label">
|
||||||
</label>
|
<label id="van-field-label"
|
||||||
</div>
|
for="van-field-input"
|
||||||
<div class="van-cell__value van-field__value">
|
>
|
||||||
<div class="van-field__body">
|
Rate
|
||||||
<div class="van-field__control van-field__control--custom">
|
</label>
|
||||||
<div class="van-slider">
|
</div>
|
||||||
<div class="van-slider__bar"
|
<div class="van-cell__value van-field__value">
|
||||||
style="width: 50%; left: 0%;"
|
<div class="van-field__body">
|
||||||
>
|
<div class="van-field__control van-field__control--custom">
|
||||||
<div role="slider"
|
<div role="radiogroup"
|
||||||
class="van-slider__button-wrapper van-slider__button-wrapper--right"
|
class="van-rate"
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
aria-valuemin="0"
|
aria-disabled="false"
|
||||||
aria-valuenow="50"
|
aria-readonly="false"
|
||||||
aria-valuemax="100"
|
|
||||||
aria-orientation="horizontal"
|
|
||||||
>
|
>
|
||||||
<div class="van-slider__button">
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="1"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="2"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="3"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="4"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="5"
|
||||||
|
aria-checked="false"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
|
||||||
|
</i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="van-cell van-field">
|
||||||
</div>
|
<div class="van-cell__title van-field__label">
|
||||||
<div style="margin: 16px;">
|
<label id="van-field-label"
|
||||||
<button type="submit"
|
for="van-field-input"
|
||||||
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
>
|
||||||
>
|
Slider
|
||||||
<div class="van-button__content">
|
</label>
|
||||||
<span class="van-button__text">
|
|
||||||
Submit
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="van-config-provider"
|
|
||||||
style="--van-rate-icon-full-color: #07c160; --van-slider-bar-height: 4px; --van-slider-button-width: 20px; --van-slider-button-height: 20px; --van-slider-active-background: #07c160; --van-button-primary-border-color: #07c160; --van-button-primary-background: #07c160;"
|
|
||||||
>
|
|
||||||
<form class="van-form">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label">
|
|
||||||
<label id="van-field-label"
|
|
||||||
for="van-field-input"
|
|
||||||
>
|
|
||||||
Rate
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<div class="van-field__control van-field__control--custom">
|
|
||||||
<div role="radiogroup"
|
|
||||||
class="van-rate"
|
|
||||||
tabindex="0"
|
|
||||||
aria-disabled="false"
|
|
||||||
aria-readonly="false"
|
|
||||||
>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="1"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="2"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="3"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="4"
|
|
||||||
aria-checked="true"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div role="radio"
|
|
||||||
class="van-rate__item"
|
|
||||||
tabindex="0"
|
|
||||||
aria-setsize="5"
|
|
||||||
aria-posinset="5"
|
|
||||||
aria-checked="false"
|
|
||||||
>
|
|
||||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="van-cell__value van-field__value">
|
||||||
</div>
|
<div class="van-field__body">
|
||||||
<div class="van-cell van-field">
|
<div class="van-field__control van-field__control--custom">
|
||||||
<div class="van-cell__title van-field__label">
|
<div class="van-slider">
|
||||||
<label id="van-field-label"
|
<div class="van-slider__bar"
|
||||||
for="van-field-input"
|
style="width: 50%; left: 0%;"
|
||||||
>
|
|
||||||
Slider
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body">
|
|
||||||
<div class="van-field__control van-field__control--custom">
|
|
||||||
<div class="van-slider">
|
|
||||||
<div class="van-slider__bar"
|
|
||||||
style="width: 50%; left: 0%;"
|
|
||||||
>
|
|
||||||
<div role="slider"
|
|
||||||
class="van-slider__button-wrapper van-slider__button-wrapper--right"
|
|
||||||
tabindex="0"
|
|
||||||
aria-valuemin="0"
|
|
||||||
aria-valuenow="50"
|
|
||||||
aria-valuemax="100"
|
|
||||||
aria-orientation="horizontal"
|
|
||||||
>
|
>
|
||||||
<div class="van-slider__button">
|
<div role="slider"
|
||||||
|
class="van-slider__button-wrapper van-slider__button-wrapper--right"
|
||||||
|
tabindex="0"
|
||||||
|
aria-valuemin="0"
|
||||||
|
aria-valuenow="50"
|
||||||
|
aria-valuemax="100"
|
||||||
|
aria-orientation="horizontal"
|
||||||
|
>
|
||||||
|
<div class="van-slider__button">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -228,19 +127,142 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div style="margin: 16px;">
|
||||||
<div style="margin: 16px;">
|
<button type="submit"
|
||||||
<button type="submit"
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
||||||
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
>
|
||||||
>
|
<div class="van-button__content">
|
||||||
<div class="van-button__content">
|
<span class="van-button__text">
|
||||||
<span class="van-button__text">
|
Submit
|
||||||
Submit
|
</span>
|
||||||
</span>
|
</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="van-config-provider"
|
||||||
|
style="--van-rate-icon-full-color: #07c160; --van-slider-bar-height: 4px; --van-slider-button-width: 20px; --van-slider-button-height: 20px; --van-slider-active-background: #07c160; --van-button-primary-background: #07c160; --van-button-primary-border-color: #07c160;"
|
||||||
|
>
|
||||||
|
<form class="van-form">
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label">
|
||||||
|
<label id="van-field-label"
|
||||||
|
for="van-field-input"
|
||||||
|
>
|
||||||
|
Rate
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
<div class="van-cell__value van-field__value">
|
||||||
</div>
|
<div class="van-field__body">
|
||||||
</form>
|
<div class="van-field__control van-field__control--custom">
|
||||||
|
<div role="radiogroup"
|
||||||
|
class="van-rate"
|
||||||
|
tabindex="0"
|
||||||
|
aria-disabled="false"
|
||||||
|
aria-readonly="false"
|
||||||
|
>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="1"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="2"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="3"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="4"
|
||||||
|
aria-checked="true"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
<div role="radio"
|
||||||
|
class="van-rate__item"
|
||||||
|
tabindex="0"
|
||||||
|
aria-setsize="5"
|
||||||
|
aria-posinset="5"
|
||||||
|
aria-checked="false"
|
||||||
|
>
|
||||||
|
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label">
|
||||||
|
<label id="van-field-label"
|
||||||
|
for="van-field-input"
|
||||||
|
>
|
||||||
|
Slider
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body">
|
||||||
|
<div class="van-field__control van-field__control--custom">
|
||||||
|
<div class="van-slider">
|
||||||
|
<div class="van-slider__bar"
|
||||||
|
style="width: 50%; left: 0%;"
|
||||||
|
>
|
||||||
|
<div role="slider"
|
||||||
|
class="van-slider__button-wrapper van-slider__button-wrapper--right"
|
||||||
|
tabindex="0"
|
||||||
|
aria-valuemin="0"
|
||||||
|
aria-valuenow="50"
|
||||||
|
aria-valuemax="100"
|
||||||
|
aria-orientation="horizontal"
|
||||||
|
>
|
||||||
|
<div class="van-slider__button">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="margin: 16px;">
|
||||||
|
<button type="submit"
|
||||||
|
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
||||||
|
>
|
||||||
|
<div class="van-button__content">
|
||||||
|
<span class="van-button__text">
|
||||||
|
Submit
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
@ -82,9 +82,6 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
>
|
>
|
||||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||||
Title
|
Title
|
||||||
<div class="van-badge van-badge--top-right van-badge--fixed">
|
|
||||||
20
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -131,7 +131,7 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
<div>
|
<div>
|
||||||
<div class="van-slider">
|
<div class="van-slider">
|
||||||
<div class="van-slider__bar"
|
<div class="van-slider__bar"
|
||||||
style="width: 50%; background: rgb(238, 10, 36); left: 0%;"
|
style="width: 50%; left: 0%;"
|
||||||
>
|
>
|
||||||
<div role="slider"
|
<div role="slider"
|
||||||
class="van-slider__button-wrapper van-slider__button-wrapper--right"
|
class="van-slider__button-wrapper van-slider__button-wrapper--right"
|
||||||
|
@ -252,7 +252,6 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div role="tab"
|
<div role="tab"
|
||||||
class="van-tabbar-item"
|
class="van-tabbar-item"
|
||||||
style="color: rgb(0, 0, 0);"
|
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
aria-selected="false"
|
aria-selected="false"
|
||||||
>
|
>
|
||||||
@ -266,7 +265,6 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div role="tab"
|
<div role="tab"
|
||||||
class="van-tabbar-item"
|
class="van-tabbar-item"
|
||||||
style="color: rgb(0, 0, 0);"
|
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
aria-selected="false"
|
aria-selected="false"
|
||||||
>
|
>
|
||||||
@ -280,7 +278,6 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div role="tab"
|
<div role="tab"
|
||||||
class="van-tabbar-item"
|
class="van-tabbar-item"
|
||||||
style="color: rgb(0, 0, 0);"
|
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
aria-selected="false"
|
aria-selected="false"
|
||||||
>
|
>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user