@astryxdesign/lab 0.7.5-canary.577735c → 0.7.5-canary.577e8ca

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.7.5-canary.577735c",
+  "version": "0.7.5-canary.577e8ca",
   "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
   "author": "Meta Open Source",
   "license": "MIT",
@@ -49,7 +49,7 @@
   },
   "peerDependencies": {
     "@stylexjs/stylex": ">=0.10.0",
-    "@astryxdesign/core": "0.7.5-canary.577735c",
+    "@astryxdesign/core": "0.7.5-canary.577e8ca",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
@@ -59,8 +59,8 @@
     "d3-shape": "^3.2.0"
   },
   "devDependencies": {
-    "@astryxdesign/a11y-spec": "0.7.5-canary.577735c",
-    "@astryxdesign/cli": "0.7.5-canary.577735c",
+    "@astryxdesign/a11y-spec": "0.7.5-canary.577e8ca",
+    "@astryxdesign/cli": "0.7.5-canary.577e8ca",
     "@babel/cli": "^7.29.7",
     "@babel/core": "^7.29.7",
     "@babel/preset-react": "^7.29.7",

package/src/TransferList/TransferList.composition.test.tsx

@@ -125,7 +125,7 @@ function StagedColumnSelector({
 }
 
 function openSelector(): void {
-  fireEvent.keyDown(screen.getByRole('button', {name: 'View options'}), {
+  fireEvent.keyDown(screen.getByRole('combobox', {name: 'View options'}), {
     key: 'ArrowDown',
   });
 }
@@ -144,7 +144,7 @@ describe('ComplexSelector + TransferList composition', () => {
     openSelector();
     await waitFor(() => {
       expect(
-        screen.getByRole('button', {name: 'View options'}),
+        screen.getByRole('combobox', {name: 'View options'}),
       ).toHaveAttribute('aria-expanded', 'true');
     });
 
@@ -173,7 +173,7 @@ describe('ComplexSelector + TransferList composition', () => {
     const user = userEvent.setup();
     const onCommit = vi.fn();
     render(<StagedColumnSelector onCommit={onCommit} />);
-    const trigger = screen.getByRole('button', {name: 'View options'});
+    const trigger = screen.getByRole('combobox', {name: 'View options'});
 
     openSelector();
     await user.click(
@@ -255,7 +255,7 @@ describe('ComplexSelector + TransferList composition', () => {
     const user = userEvent.setup();
     const onCommit = vi.fn();
     render(<StagedColumnSelector onCommit={onCommit} />);
-    const trigger = screen.getByRole('button', {name: 'View options'});
+    const trigger = screen.getByRole('combobox', {name: 'View options'});
 
     openSelector();
     await waitFor(() => {

package/src/TransferList/TransferListSelector.test.tsx

@@ -106,7 +106,7 @@ function Harness({
 async function openSelector(
   name = 'Visible fields',
 ): Promise<HTMLButtonElement> {
-  const trigger = screen.getByRole('button', {
+  const trigger = screen.getByRole('combobox', {
     name,
   }) as HTMLButtonElement;
   fireEvent.keyDown(trigger, {key: 'ArrowDown'});
@@ -416,7 +416,7 @@ describe('TransferListSelector', () => {
     );
 
     expect(
-      screen.getByRole('button', {name: 'Visible fields'}),
+      screen.getByRole('combobox', {name: 'Visible fields'}),
     ).toHaveTextContent('3 selected');
   });
 
@@ -462,7 +462,7 @@ describe('TransferListSelector', () => {
     expect(fieldset).not.toContainElement(cancel);
     expect(apply).toBeDisabled();
     expect(
-      screen.getByRole('button', {name: 'Visible fields'}),
+      screen.getByRole('combobox', {name: 'Visible fields'}),
     ).toHaveAttribute('aria-disabled', 'true');
 
     view.rerender(
@@ -564,7 +564,7 @@ describe('TransferListSelector', () => {
       screen.getByTestId('column-selector').closest('.astryx-complex-selector'),
     ).toHaveAttribute('data-size', 'sm');
     expect(
-      screen.getByRole('button', {name: 'Table columns'}),
+      screen.getByRole('combobox', {name: 'Table columns'}),
     ).toHaveTextContent('Customize columns');
     expect(
       screen.getByTestId('column-selector').closest('.astryx-field'),