docs: update no-node-access rule details and examples

Author: y-hsgw

docs/rules/no-node-access.md

@@ -4,11 +4,11 @@
 
 <!-- end auto-generated rule header -->
 
-The Testing Library already provides methods for querying DOM elements.
+Disallow direct access or manipulation of DOM nodes in favor of Testing Library's user-centric APIs.
 
 ## Rule Details
 
-This rule aims to disallow DOM traversal using native HTML methods and properties, such as `closest`, `lastChild` and all that returns another Node element from an HTML tree.
+This rule aims to disallow direct access and manipulation of DOM nodes using native HTML properties and methods — including traversal (e.g. `closest`, `lastChild`) as well as direct actions (e.g. `click()`, `focus()`). Use Testing Library’s queries and userEvent APIs instead.
 
 Examples of **incorrect** code for this rule:
 
@@ -21,6 +21,12 @@ screen.getByText('Submit').closest('button'); // chaining with Testing Library m
 ```js
 import { screen } from '@testing-library/react';
 
+screen.getByText('Submit').click();
+```
+
+```js
+import { screen } from '@testing-library/react';
+
 const buttons = screen.getAllByRole('button');
 expect(buttons[1].lastChild).toBeInTheDocument();
 ```
@@ -41,6 +47,12 @@ const button = screen.getByRole('button');
 expect(button).toHaveTextContent('submit');
 ```
 
+```js
+import { screen } from '@testing-library/react';
+
+userEvent.click(screen.getByText('Submit'));
+```
+
 ```js
 import { render, within } from '@testing-library/react';