Activate focused element programmatically

[jose-torres-marin]

I would like to trigger an element's onEnterPress. I am writing a script to do "journeys" in my app. I can move around using navigateByDirection, but I can't find a way to press ENTER. It might be useful to have a function in SpatialNavigation service that's essentially like this:

function activate() {
  const component = this.focusableComponents[this.focusKey];
  if(component && component.onEnterPress) component.onEnterPress();
}

Otherwise, what would be the best way to achieve this?

Many thanks

[guilleccc]

Hi @jose-torres-marin ,

The function you need is already implemented in useFocusable, so you only need to declare a useFocusable and pass the onEnterPress parameter, for example:

const {/* hook output */ } = useFocusable({
  onEnterPress: () => {}, // your function goes here
});

The function will be called only when your focusable element is actually focused

You can reed more details at: https://devportal.noriginmedia.com/docs/Norigin-Spatial-Navigation/#onenterpress-function

[jose-torres-marin]

Hi @guilleccc, thanks for replying. The idea is to trigger a component's onEnterPress from outside the component. The goal is to have an external script that can tell the app "move right, press, move down, move down, press" and so on, in order to automate smoke tests on devices.