fix(vue): correctly switch tabs after going back (#22309)

resolves #22307
This commit is contained in:
Liam DeBeasi
2020-11-04 12:50:31 -05:00
committed by GitHub
parent a9b2260100
commit daf6a92127
6 changed files with 188 additions and 27 deletions

View File

@ -122,6 +122,31 @@ describe('Tabs', () => {
cy.ionPageDoesNotExist('tab3');
cy.ionPageVisible('tabs');
});
// Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22307
it('should select correct tab after going back', () => {
cy.visit('http://localhost:8080/tabs-secondary/tab1');
cy.get('ion-tab-button#tab-button-tab2-secondary').click();
cy.ionPageVisible('tab2-secondary');
cy.ionPageHidden('tab1-secondary');
cy.get('ion-tab-button#tab-button-tab3-secondary').click();
cy.ionPageVisible('tab3-secondary');
cy.ionPageHidden('tab2-secondary');
cy.go('back');
cy.ionPageVisible('tab2-secondary');
cy.ionPageHidden('tab3-secondary');
cy.go('back');
cy.ionPageVisible('tab1-secondary');
cy.ionPageHidden('tab2-secondary');
cy.get('ion-tab-button#tab-button-tab3-secondary').click();
cy.ionPageVisible('tab3-secondary');
cy.ionPageHidden('tab1-secondary');
});
})
describe('Tabs - Swipe to Go Back', () => {