this.context.resetTab(e.detail.tab, originalHref, tappedTab.originalRouteOptions);

}

} else {

if (this.props.onIonTabsWillChange) {

this.props.onIonTabsWillChange(new CustomEvent('ionTabWillChange', { detail: { tab: e.detail.tab } }));

let onWillChange = this.props.onIonTabsWillChange;

let onDidChange = this.props.onIonTabsDidChange;

if (this.props.tabsContext) {

onWillChange = this.props.tabsContext?.tabBarProps.onIonTabsWillChange ?? this.props.onIonTabsWillChange;

onDidChange = this.props.tabsContext?.tabBarProps.onIonTabsDidChange ?? this.props.onIonTabsDidChange;

}

if (this.props.onIonTabsDidChange) {

this.props.onIonTabsDidChange(new CustomEvent('ionTabDidChange', { detail: { tab: e.detail.tab } }));

if (onWillChange) {

onWillChange(new CustomEvent('ionTabWillChange', { detail: { tab: e.detail.tab } }));

}

if (onDidChange) {

onDidChange(new CustomEvent('ionTabDidChange', { detail: { tab: e.detail.tab } }));

}

if (hasRouterOutlet) {

this.setActiveTabOnContext(e.detail.tab);

this.context.changeTab(e.detail.tab, currentHref, e.detail.routeOptions);

/**

* Verifies that tabs with similar route prefixes (e.g., /home, /home2, /home3)

* correctly select the matching tab instead of the first prefix match.

*

*

* @see https://github.com/ionic-team/ionic-framework/issues/30448

*/

describe('Similar Route Prefixes', () => {

describe('Without IonRouterOutlet', () => {

beforeEach(() => {

cy.visit('/tabs-basic');

cy.visit('/tabs-basic', {

onBeforeLoad(win) {

cy.spy(win.console, 'log').as('consoleLog');

},

});

});

it.skip('should show correct tab when clicking the tab button', () => {

cy.url().should('include', '/tabs-basic');

});

it('should fire tab change events on tab click', () => {

cy.get('ion-tab-button[tab="tab2"]').click();

cy.get('@consoleLog').should('be.calledWith', 'onIonTabsWillChange', 'tab2');

cy.get('@consoleLog').should('be.calledWith', 'onIonTabsDidChange:', 'tab2');

});

});

});