Cypress 10 and React-Aria HiddenSelect

[dbani-dev]

While running a custom react-aria Select component test in Cypress 10

describe('select.cy.ts', () => {
  it('select can render', () => {
    cy.mount(
      <Select>
        <Item key="Item A">Item A</Item>
        <Item key="Item B">Item B</Item>
        <Item key="Item C">Item C</Item>
      </Select>
    );
  });
});

I received the following error (x3):

TypeError: Cannot read properties of undefined (reading 'type')
at HiddenSelect.tsx:116:24

It seems that the useSelectState -> state.collection.getKeys() is undefined, instead of MapIterator {'Item A', 'Item B', 'Item C'}.

Is this a Cypress or React-Aria hidden select issue?

[snowystinger]

We're unaware of any issues with our HiddenSelect component. Can you provide a minimal reproduction? That can help us debug it. Otherwise, we're just making guesses.

[dbani-dev]

Running the Select locally throws no errors. It may be hard to produce an example for component testing. Running in Cypress v10.9.0 (latest) in component testing mode throws type property errors.

Item in collection is undefined:

I'm guessing Cypress is handling the HiddenSelect in a weird way? If HiddenSelect is removed, the Select renders but doesn't have Item(s).

[snowystinger]

It's fine if the reproduction is in Cypress, we just need a github repo with a minimal app (just the Select) and a single cypress test that reproduces it so we can help with debugging. I'd just be guessing right now, and I don't have any good guesses.

[dbani-dev]

Issue has been fixed. Apologies, NX was producing incorrect types.