@@ -141,3 +141,47 @@ Navigate to URL in the browser.
141141Close the current browser session.
142142
143143</details>
144+
145+ <details>
146+ <summary>Element Interaction</summary>
147+
148+ ### `clickOnElement`
149+ Click an element on the page using semantic queries (`testing-library`-style) or CSS selectors.
150+
151+ - Semantic Queries:
152+ - **Parameters:**
153+ - `queryType` (string, optional): Semantic query type. One of:
154+ - `"role"` - Find by ARIA role (e.g., "button", "link", "heading")
155+ - `"text"` - Find by visible text content
156+ - `"labelText"` - Find form inputs by their label text
157+ - `"placeholderText"` - Find inputs by placeholder text
158+ - `"altText"` - Find images by alt text
159+ - `"testId"` - Find by data-testid attribute
160+ - `"title"` - Find by title attribute
161+ - `"displayValue"` - Find inputs by their current value
162+ - `queryValue` (string, required when using queryType): The value to search for
163+ - `queryOptions` (object, optional): Additional options:
164+ - `name` (string): Accessible name for role queries
165+ - `exact` (boolean): Whether to match exact text (default: true)
166+ - `hidden` (boolean): Include hidden elements (default: false)
167+ - `level` (number): Heading level for role="heading" (1-6)
168+
169+ - CSS Selectors:
170+ - **Parameters:**
171+ - `selector` (string, optional): CSS selector or XPath when semantic queries cannot locate the element
172+
173+ **Examples:**
174+ ```javascript
175+ // Semantic queries (preferred)
176+ { queryType: "role", queryValue: "button", queryOptions: { name: "Submit" } }
177+ { queryType: "text", queryValue: "Click here" }
178+ { queryType: "labelText", queryValue: "Email Address" }
179+
180+ // CSS selector fallback
181+ { selector: ".submit-btn" }
182+ { selector: "#unique-element" }
183+ ```
184+
185+ ** Note:** Provide either semantic query parameters OR selector, not both.
186+
187+ </details >
0 commit comments