ionic-framework/packages/react/test/base/tests/e2e/specs/components/tabs-direct-navigation.cy.ts at b3c3dab7874f80b86342ccb85b0953453ce52c75 · ionic-team/ionic-framework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
describe('Tabs Direct Navigation', () => {
  it('should select the correct tab when navigating directly to home route', () => {
    cy.visit('/tabs-direct-navigation/home');
    cy.get('[data-testid="home-tab"]').should('have.class', 'tab-selected');
    cy.get('[data-testid="home-content"]').should('be.visible');
  });

  it('should select the correct tab when navigating directly to radio route', () => {
    cy.visit('/tabs-direct-navigation/radio');
    cy.get('[data-testid="radio-tab"]').should('have.class', 'tab-selected');
    cy.get('[data-testid="radio-content"]').should('be.visible');
  });

  it('should select the correct tab when navigating directly to library route', () => {
    cy.visit('/tabs-direct-navigation/library');
    cy.get('[data-testid="library-tab"]').should('have.class', 'tab-selected');
    cy.get('[data-testid="library-content"]').should('be.visible');
  });

  it('should select the correct tab when navigating directly to search route', () => {
    cy.visit('/tabs-direct-navigation/search');
    cy.get('[data-testid="search-tab"]').should('have.class', 'tab-selected');
    cy.get('[data-testid="search-content"]').should('be.visible');
  });

  it('should update tab selection when navigating between tabs', () => {
    cy.visit('/tabs-direct-navigation/home');
    cy.get('[data-testid="home-tab"]').should('have.class', 'tab-selected');
    cy.get('[data-testid="radio-tab"]').click();
    cy.get('[data-testid="radio-tab"]').should('have.class', 'tab-selected');
    cy.get('[data-testid="home-tab"]').should('not.have.class', 'tab-selected');
    cy.get('[data-testid="radio-content"]').should('be.visible');
  });
});