updating tests and making enter trigger listbox link

Author: LFDanLu

packages/@react-aria/autocomplete/src/useAutocomplete.ts

@@ -197,6 +197,8 @@ export function useAutocomplete(props: AriaAutocompleteOptions, state: Autocompl
       item?.dispatchEvent(
         new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)
       );
+      // TODO: this currently has problems making Enter trigger Listbox links. usePress catches the press up that happens but
+      // detects that the press target is different from the event target aka listbox item vs the input where the Enter event occurs...
     }
   };
 
@@ -232,7 +234,7 @@ export function useAutocomplete(props: AriaAutocompleteOptions, state: Autocompl
       spellCheck: 'false'
     },
     collectionProps: mergeProps(collectionProps, {
-      // TODO: shouldFocusOnHover?
+      // TODO: shouldFocusOnHover? shouldFocusWrap? Should it be up to the wrapped collection?
       shouldUseVirtualFocus: true,
       disallowTypeAhead: true
     }),

packages/@react-aria/interactions/src/usePress.ts

@@ -787,7 +787,7 @@ export function usePress(props: PressHookProps): PressResult {
   ]);
 
   // Remove user-select: none in case component unmounts immediately after pressStart
-   
+
   useEffect(() => {
     return () => {
       if (!allowTextSelectionOnPress) {

packages/@react-aria/selection/src/useSelectableItem.ts

@@ -295,6 +295,13 @@ export function useSelectableItem(options: SelectableItemOptions): SelectableIte
       ) {
         onSelect(e);
       }
+
+      // TODO: non ideal since this makes the link action happen on press start rather than on press up like it usually
+      // does for listboxes but we never get the onPress event because the simiulated event target from useAutocomplete is different
+      // from the actual place it is triggered from (the input).
+      if (shouldUseVirtualFocus && e.pointerType === 'keyboard' && hasAction) {
+        performAction(e);
+      }
     };
 
     itemPressProps.onPress = (e) => {

packages/react-aria-components/stories/Autocomplete.stories.tsx

@@ -348,6 +348,7 @@ export const AutocompleteWithListbox = {
               <MyListBoxItem>Foo</MyListBoxItem>
               <MyListBoxItem>Bar</MyListBoxItem>
               <MyListBoxItem>Baz</MyListBoxItem>
+              <MyListBoxItem href="http://google.com">Google</MyListBoxItem>
             </ListBoxSection>
             <Separator style={{borderTop: '1px solid gray', margin: '2px 5px'}} />
             <ListBoxSection className={styles.group} aria-label="Section 2">