Focus Resetting with Cypress --record Flag Enabled

[Selinaqianli]

I'm encountering an issue with keyboard focus when running tests in Cypress with the --record flag enabled. If there is no next focusable item when pressing Tab, the focus unexpectedly resets back to the first focusable item. This behaviour only happens when the --record flag is turned on.

• Without the --record flag, focus behaves as expected: it moves forward between elements and remove focus when no more focusable items are available.
• With the --record flag enabled, if there is no next focusable item, the focus resets to the first focusable element.

Environment:

• Cypress version: 13.14.2
• Browser version: Electron 118

Test example:

import { Button, Stack } from '@mui/material';
import { mount } from 'cypress/react18';

describe('MUI Button Keyboard Focus Test', () => {
  beforeEach(() => {
    // Mount MUI buttons directly
    mount(
      <Stack direction='column' spacing={2}>
        <Button>First Button</Button>
        <Button>Second Button</Button>
        <Button>Third Button</Button>
      </Stack>
    );
    cy.get('button').as('button').first().focus();
  });

  it('should not reset focus to the first button when pressing Tab on the last button', () => {
    cy.get('@button').first().should('be.focused');

    // Press Tab and check the focus moves to the second button
    cy.realPress('Tab');
    cy.get('@button').first().should('not.be.focused');
    cy.get('@button').eq(1).should('be.focused');

    // Press Tab again and check the focus moves to the third button
    cy.realPress('Tab');
    cy.get('@button').eq(1).should('not.be.focused');
    cy.get('@button').eq(2).should('be.focused');

    // Press Tab on the last button and ensure the focus doesn't reset to the first button
    cy.realPress('Tab');

    // Verify that none of the buttons have focus after pressing Tab on the last button
    cy.get('@button').should('not.be.focused');
  });
});

Run Without --record:

Screen.Recording.2024-09-20.at.9.59.25.AM.mov

Run With --record:

Screen.Recording.2024-09-20.at.10.01.12.AM.mov