From 63b23a69ffa455bf9c14d0a231a1c541abb845cf Mon Sep 17 00:00:00 2001 From: Weronika Olejniczak Date: Tue, 5 Nov 2024 18:51:23 +0100 Subject: [PATCH] chore(tabs): update a11y cypress test --- packages/eui/src/components/tabs/tabs.spec.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/packages/eui/src/components/tabs/tabs.spec.tsx b/packages/eui/src/components/tabs/tabs.spec.tsx index 6339a59e3d03..cffd7da566c1 100644 --- a/packages/eui/src/components/tabs/tabs.spec.tsx +++ b/packages/eui/src/components/tabs/tabs.spec.tsx @@ -114,13 +114,22 @@ describe('EuiTabs', () => { it('handles keypress events', () => { cy.realMount(); cy.realPress('Tab'); - cy.realPress(['Shift', 'Tab']); + cy.realPress('ArrowLeft'); + // on enter, should select the first tab cy.realPress('Enter'); cy.get('div[role="tabpanel"]').first().should('exist'); cy.get('div[role="tabpanel"]').should('have.length', 1); cy.focused().should('have.text', 'Cobalt'); - cy.repeatRealPress('Tab', 3); + // on arrow right, should navigate to the next tab + cy.repeatRealPress('ArrowRight', 3); cy.focused().should('have.text', 'Monosodium Glutamate'); + // on arrow right, should loop back to the first tab + cy.repeatRealPress('ArrowRight', 1); + cy.focused().should('have.text', 'Cobalt'); + // on arrow left, should loop back to the last tab + cy.repeatRealPress('ArrowLeft', 1); + cy.focused().should('have.text', 'Monosodium Glutamate'); + // on enter, should select the last tab cy.realPress('Enter'); cy.get('div[role="tabpanel"]').last().should('exist'); cy.get('div[role="tabpanel"]').should('have.length', 1);