blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(Tabs): rename panel class to "van-tab__panel" (#9885)

Browse Source
This commit is contained in:
neverland 2021-11-17 10:14:50 +08:00 committed by GitHub
parent 5bd31a7759
commit 2e67881ca7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 106 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/vant/src/cascader/test/__snapshots__/index.spec.ts.snap
View File

@ -12,7 +12,7 @@ exports[`should render option slot correctly 1`] = `
`;
exports[`should render options-top、options-bottom slots correctly 1`] = `
<div class="van-tab__pane">
<div class="van-tab__panel">
Top, tab index: 0
<ul class="van-cascader__options">
<li class="van-cascader__option van-cascader__option--selected">
@ -101,7 +101,7 @@ exports[`should update tabs when previous tab is clicked 1`] = `
aria-labelledby="van-tabs-0"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
<ul class="van-cascader__options">
<li class="van-cascader__option">
<span>
@ -126,7 +126,7 @@ exports[`should update tabs when previous tab is clicked 1`] = `
aria-labelledby="van-tabs-1"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
<ul class="van-cascader__options">
<li class="van-cascader__option">
<span>

2
packages/vant/src/cascader/test/index.spec.ts
View File

@ -259,5 +259,5 @@ test('should render options-top、options-bottom slots correctly', async () => {
.find('.van-cascader__option')
.trigger('click');
expect(wrapper.find('.van-tab__pane').html()).toMatchSnapshot();
expect(wrapper.find('.van-tab__panel').html()).toMatchSnapshot();
});

16
packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
View File

@ -62,7 +62,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -270,7 +270,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -354,7 +354,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -372,7 +372,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
style
@ -466,7 +466,7 @@ exports[`should render list-footer slot correctly 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -485,7 +485,7 @@ exports[`should render list-footer slot correctly 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
style
@ -580,7 +580,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -598,7 +598,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"

6
packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
View File

@ -60,7 +60,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -76,7 +76,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -84,7 +84,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"

8
packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
View File

@ -64,7 +64,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -143,7 +143,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -151,7 +151,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -159,7 +159,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-3"
style="display: none;"

4
packages/vant/src/index-bar/test/__snapshots__/demo.spec.ts.snap
View File

@ -38,7 +38,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -910,7 +910,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"

6
packages/vant/src/list/test/__snapshots__/demo.spec.ts.snap
View File

@ -49,7 +49,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -83,7 +83,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -91,7 +91,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"

6
packages/vant/src/pull-refresh/test/__snapshots__/demo.spec.ts.snap
View File

@ -49,7 +49,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -68,7 +68,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -76,7 +76,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"

4
packages/vant/src/tab/Tab.tsx
View File

@ -114,7 +114,7 @@ export default defineComponent({
aria-hidden={!active.value}
aria-labelledby={label}
>
<div class={bem('pane')}>{slots.default?.()}</div>
<div class={bem('panel')}>{slots.default?.()}</div>
</SwipeItem>
);
}
@ -129,7 +129,7 @@ export default defineComponent({
v-show={show}
id={id}
role="tabpanel"
class={bem('pane')}
class={bem('panel')}
tabindex={show ? 0 : -1}
aria-labelledby={label}
>

2
packages/vant/src/tab/index.less
View File

@ -1,5 +1,5 @@
.van-tab {
&__pane {
&__panel {
&,
&-wrapper {
flex-shrink: 0;

90
packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
View File

@ -61,7 +61,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -70,7 +70,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -78,7 +78,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -86,7 +86,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-3"
style="display: none;"
@ -144,7 +144,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -152,7 +152,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
style
@ -161,7 +161,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -274,7 +274,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -283,7 +283,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -291,7 +291,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -299,7 +299,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-3"
style="display: none;"
@ -307,7 +307,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-4"
style="display: none;"
@ -315,7 +315,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-5"
style="display: none;"
@ -323,7 +323,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-6"
style="display: none;"
@ -331,7 +331,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-7"
style="display: none;"
@ -389,7 +389,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -398,7 +398,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -406,7 +406,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -460,7 +460,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -469,7 +469,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -477,7 +477,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -524,7 +524,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -533,7 +533,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -606,7 +606,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -615,7 +615,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -623,7 +623,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -631,7 +631,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-3"
style="display: none;"
@ -682,7 +682,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -691,7 +691,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -766,7 +766,7 @@ exports[`should render demo and match snapshot 1`] = `
aria-labelledby="van-tabs-0"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
content of tab 1
</div>
</div>
@ -778,7 +778,7 @@ exports[`should render demo and match snapshot 1`] = `
aria-labelledby="van-tabs-1"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
content of tab 2
</div>
</div>
@ -871,7 +871,7 @@ exports[`should render demo and match snapshot 1`] = `
aria-labelledby="van-tabs-0"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
content of tab 1
</div>
</div>
@ -883,7 +883,7 @@ exports[`should render demo and match snapshot 1`] = `
aria-labelledby="van-tabs-1"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
content of tab 2
</div>
</div>
@ -1018,7 +1018,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
>
@ -1026,7 +1026,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
>
@ -1034,7 +1034,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-2"
>
@ -1042,7 +1042,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-3"
>
@ -1050,7 +1050,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-4"
>
@ -1058,7 +1058,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-5"
>
@ -1066,7 +1066,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-6"
>
@ -1074,7 +1074,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-7"
>
@ -1143,7 +1143,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -1152,7 +1152,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -1160,7 +1160,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -1168,7 +1168,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-3"
style="display: none;"

44
packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`should allow to disable lazy-render prop 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -12,7 +12,7 @@ exports[`should allow to disable lazy-render prop 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -25,7 +25,7 @@ exports[`should allow to disable lazy-render prop 2`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -34,7 +34,7 @@ exports[`should allow to disable lazy-render prop 2`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -93,7 +93,7 @@ exports[`should allow to set name prop 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -102,7 +102,7 @@ exports[`should allow to set name prop 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -110,7 +110,7 @@ exports[`should allow to set name prop 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -131,7 +131,7 @@ DOMWrapper {
},
"wrapperElement": <div
aria-labelledby="van-tabs-0"
class="van-tab__pane"
class="van-tab__panel"
id="van-tab"
role="tabpanel"
style=""
@ -243,7 +243,7 @@ exports[`should switch tab after click the tab title 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-0"
style
@ -252,7 +252,7 @@ exports[`should switch tab after click the tab title 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-1"
style="display: none;"
@ -260,7 +260,7 @@ exports[`should switch tab after click the tab title 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -319,7 +319,7 @@ exports[`should switch tab after click the tab title 2`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -328,7 +328,7 @@ exports[`should switch tab after click the tab title 2`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
style
@ -337,7 +337,7 @@ exports[`should switch tab after click the tab title 2`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -403,7 +403,7 @@ exports[`swipe switch tab after swiping tab content 1`] = `
aria-labelledby="van-tabs-0"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -415,7 +415,7 @@ exports[`swipe switch tab after swiping tab content 1`] = `
aria-labelledby="van-tabs-1"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -490,7 +490,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
aria-labelledby="van-tabs-0"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -502,7 +502,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
aria-labelledby="van-tabs-1"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -514,7 +514,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
aria-labelledby="van-tabs-2"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -580,7 +580,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
aria-labelledby="van-tabs-0"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -592,7 +592,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
aria-labelledby="van-tabs-1"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>
@ -604,7 +604,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
aria-labelledby="van-tabs-2"
style="width: 100px;"
>
<div class="van-tab__pane">
<div class="van-tab__panel">
Text
</div>
</div>

16
packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap
View File

@ -49,7 +49,7 @@ exports[`should render Tab inside a component correctly 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
style
@ -58,7 +58,7 @@ exports[`should render Tab inside a component correctly 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -66,7 +66,7 @@ exports[`should render Tab inside a component correctly 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -125,7 +125,7 @@ exports[`should render correctly after inserting a tab 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -134,7 +134,7 @@ exports[`should render correctly after inserting a tab 1`] = `
<div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
>
@ -143,7 +143,7 @@ exports[`should render correctly after inserting a tab 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-2"
style="display: none;"
@ -192,7 +192,7 @@ exports[`should render correctly after inserting a tab with name 1`] = `
<div class="van-tabs__content">
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="-1"
aria-labelledby="van-tabs-0"
style="display: none;"
@ -201,7 +201,7 @@ exports[`should render correctly after inserting a tab with name 1`] = `
</div>
<div id="van-tab"
role="tabpanel"
class="van-tab__pane"
class="van-tab__panel"
tabindex="0"
aria-labelledby="van-tabs-1"
style

2
packages/vant/src/tab/test/index.spec.tsx
View File

@ -256,7 +256,7 @@ test('should emit rendered event after tab is rendered', async () => {
await later();
expect(onRendered).toHaveBeenCalledWith('a', 'title1');
expect(wrapper.find('.van-tab__pane')).toMatchSnapshot();
expect(wrapper.find('.van-tab__panel')).toMatchSnapshot();
const tabs = wrapper.findAll('.van-tab');
await tabs[1].trigger('click');