Table: Allow specifying an id for 'select all' checkbox

[kraine93]

Provide a general summary of the feature here

Currently in every Table with selection, the 'select all' checkbox is given a random key. This is breaking snapshot tests as the id is generated each time the test runs, and it also means that we can't use the id as a selector in test automation.

🤔 Expected Behavior?

If we can specify a key, this would be used to override the generated one so that we can have consistent output in our tests.

😯 Current Behavior

A new key is generated on every test run, and there is no way to override it.

💁 Possible Solution

I found where in the code that the key is set: TableCollection.ts

This is called from the constructor of useTableState: useTableState.ts

Perhaps we could pass a prop in TableStateProps the same way that we pass showSelectionCheckboxes - this would be passed down in the context and then used when creating the selection column.

🔦 Context

This issue means that we can't write snapshot tests for Table components or pages that use a Table, and it also means we can't use the id as a selector in test automation.

💻 Examples

No response

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[LFDanLu]

Possible that the check here

react-spectrum/packages/@react-aria/ssr/src/SSRProvider.tsx

Line 162 in ec25ca4

let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;

is being compiled away, we'll have to look into making sure it isn't.