Component selector for user interfaces with dynamic identifiers

Patent metadata

Field	Value
Publication number	US-12554380-B2
Application number	US-202318469345-A
Country	US
Kind code	B2
Filing date	Sep 18, 2023
Priority date	Sep 18, 2023
Publication date	Feb 17, 2026
Grant date	Feb 17, 2026

Abstract

A method includes obtaining an indication of a user interface (UI) component of a user interface, and determining an association between the UI component and a dynamic identifier. The method also includes, based on determining the association, determining one or more static properties of one or more parent UI components of the UI component, and generating a component selector for the UI component based on the one or more static properties. The method further includes outputting the component selector for the UI component.

First claim

What is claimed is:

1 . A method comprising:
obtaining an indication of a user interface (UI) component of a user interface; determining an association between the UI component and a dynamic identifier; based on determining the association, determining one or more static properties of one or more parent UI components of the UI component, wherein determining the one or more static properties comprises:
determining a compositional element that contains the UI component and is a parent of the UI component, wherein the compositional element defines a layout of the UI component within a portion of the user interface;
determining a compositional identifier of the compositional element by determining that a name of the compositional element includes a predefined string assigned to the compositional element by a user interface framework configured to assign the dynamic identifier to the UI component, wherein the one or more static properties comprise the compositional identifier;
generating a component selector for the UI component based on the one or more static properties, wherein the component selector is based on the compositional identifier; and outputting the component selector for the UI component.

2 . The method of claim 1 , wherein the dynamic identifier is configured to change across renderings of the user interface, and wherein determining the association comprises determining that the UI component comprises the dynamic identifier.

3 . The method of claim 1 , wherein the component selector for the UI component is exclusive of the dynamic identifier of the UI component.

4 . The method of claim 1 , wherein the component selector for the UI component is unique at least within a context of the user interface.

5 . The method of claim 1 , wherein generating the component selector comprises:
combining the one or more static properties according to a predetermined pattern.

6 . The method of claim 1 , wherein:
the user interface comprises a plurality of screens each configured to be toggled between a displayed state and a hidden state; the plurality of screens is represented using a shared document object model (DOM); determining the one or more static properties comprises determining, based on the shared DOM, an active screen identifier associated with an active screen of the plurality of screens; the active screen is in the displayed state and comprises the UI component; and the component selector is based on the active screen identifier.

7 . The method of claim 6 , wherein:
a respective screen of the plurality of screens comprises a plurality of tabs each configured to be toggled between the displayed state and the hidden state; the plurality of tabs is represented using the shared DOM; determining the one or more static properties comprises determining, based on the shared DOM, an active tab identifier associated with an active tab of the plurality of tabs; the active tab is in the displayed state and comprises the UI component; and the component selector is based on the active tab identifier.

8 . The method of claim 6 , wherein:
the user interface comprises (i) a content display portion configured to individually display each respective screen of the plurality of screens and (ii) a navigation pane that provides for selection of the active screen and remains constant as the content display portion displays different screens of the plurality of screens; determining the one or more static properties comprises:
determining that the UI component is part of the content display portion; and
based on determining that the UI component is part of the content display portion,
determining the active screen identifier associated with the active screen.

9 . The method of claim 1 , wherein:
the user interface comprises (i) a content display portion configured to display one or more screens of the user interface and (ii) a navigation pane that remains constant as the content display portion displays different screens of the one or more screens; determining the one or more static properties of the one or more parent UI components comprises:
determining that the UI component is part of the navigation pane; and
based on determining that the UI component is part of the navigation pane, determining a navigation pane identifier associated with the navigation pane; and
the component selector is based on the navigation pane identifier.

10 . The method of claim 1 , wherein:
the user interface comprises a screen comprising one or more macroponents configured to define a composition of contents of the screen; determining the one or more static properties comprises:
determining that the UI component is part of a macroponent of the one or more macroponents; and
based on determining that the UI component is part of the macroponent, determining a macroponent identifier of the macroponent.

11 . The method of claim 1 , wherein determining the compositional identifier comprises:
determining that the compositional identifier is not unique in a context of a parent component that contains the compositional element; and based on determining that the compositional identifier is not unique, determining a compositional parent identifier of the parent component, wherein the component selector is based on the compositional identifier and the compositional parent identifier.

12 . The method of claim 1 , wherein the one or more static properties comprise at least one static property associated with the UI component, wherein the UI component is associated with a concatenation of (i) the dynamic identifier and (ii) a static identifier that corresponds to a first type of the UI component and is shared by different instantiations of UI components of the first type, and wherein determining the one or more static properties comprises:
identifying, based on the concatenation, the static identifier; and determining a static component identifier based on the static identifier, wherein the component selector is based on the static component identifier.

13 . The method of claim 12 , wherein determining the static component identifier comprises:
determining that the static identifier is not unique in a context of the compositional element; based on determining that the static identifier is not unique in the context of the compositional element, determining a parent identifier of a first parent component that contains the UI component and forms part of the compositional element; and determining the static component identifier based on the parent identifier and the static identifier.

14 . The method of claim 1 , wherein determining the association between the UI component and the dynamic identifier comprises:
determining, based on an attribute associated with the user interface, that the user interface has been generated by a user interface framework configured to assign the dynamic identifier to the UI component.

15 . The method of claim 1 , further comprising:
parsing a representation of the user interface to identify one or more portions of the component selector within the representation of the user interface; and based on identifying the one or more portions of the component selector within the representation of the user interface, identifying the UI component within the user interface.

16 . The method of claim 1 , further comprising one or more of:
associating the component selector with a portion of a definition of a guided tour for the user interface; or using the component selector to identify the UI component as part of a playback of the guid

Assignees

• Servicenow Inc

Inventors

• Peddada Sathi Babu
• Kumar Akash
• Macherla Karthik
• Jampana Hari Teja Varma
• Sunkaranam Ravindra
• Ramamurthy Aditya

Classifications

• G06F3/0483 Primary

  Interaction with page-structured environments, e.g. book metaphor · CPC title

• G06F8/38

  for implementing user interfaces · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F3/0481

  based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance · CPC title

• G06F3/04842 Primary

  Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence) · CPC title