alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

test(Search): update test cases

Browse Source
This commit is contained in:
chenjiahan
2020-12-03 20:20:18 +08:00
parent 4e8576147e
commit f3d045cd61
4 changed files with 178 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/search/test/__snapshots__/index.legacy.js.snap
-91
View File
@@ -1,91 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`action-text prop 1`] = `
<div class="van-search van-search--show-action">
<div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-search">
<!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control"></div>
</div>
</div>
</div>
<div role="button" tabindex="0" class="van-search__action">Custom Text</div>
</div>
`;
exports[`label slot 1`] = `
<div class="van-search">
<div class="van-search__content van-search__content--square">
<div class="van-search__label">Custom Label</div>
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-search">
<!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control"></div>
</div>
</div>
</div>
</div>
`;
exports[`left slot 1`] = `
<div class="van-search">Custom Left Content<div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-search">
<!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control"></div>
</div>
</div>
</div>
</div>
`;
exports[`left-icon prop 1`] = `
<div class="van-search">
<div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-setting-o">
<!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control"></div>
</div>
</div>
</div>
</div>
`;
exports[`right-icon prop 1`] = `
<div class="van-search">
<div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-search">
<!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control">
<div class="van-field__right-icon"><i class="van-icon van-icon-setting-o">
<!----></i></div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`right-icon slot 1`] = `
<div class="van-search">
<div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-search">
<!----></i></div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control">
<div class="van-field__right-icon">Custom Right Icon</div>
</div>
</div>
</div>
</div>
</div>
`;
src/search/test/__snapshots__/index.spec.js.snap
+57
View File
@@ -0,0 +1,57 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render action text when using action-text prop 1`] = `
<div class="van-search__action"
role="button"
tabindex="0"
>
Custom Text
</div>
`;
exports[`should render label slot correctly 1`] = `
<div class="van-search__label">
Custom Label
</div>
`;
exports[`should render left icon when using left-icon prop 1`] = `
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
`;
exports[`should render left slot correctly 1`] = `
<div class="van-search">
Custom Left Content
<div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body">
<input type="search"
class="van-field__control"
>
</div>
</div>
</div>
</div>
</div>
`;
exports[`should render right icon when using right-icon prop 1`] = `
<div class="van-field__right-icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
`;
exports[`should render right-icon slot correctly 1`] = `
<div class="van-field__right-icon">
Custom Right Icon
</div>
`;