test(pw-fixtures): make clickViaDomRef public

playwright/fixtures/ui5-fixtures.ts

@@ -25,7 +25,7 @@ export class UI5WCHelpers {
    *
    * @param locator Locator of the UI5 custom element to click.
    */
-  private async clickViaDomRef(locator: Locator): Promise<void> {
+  async clickViaDomRef(locator: Locator): Promise<void> {
     await locator.evaluate((element: HTMLElement) => {
       const host = element as HTMLElement & { getDomRef?: () => HTMLElement | null };
       (host.getDomRef?.() ?? host).click();

playwright/test/UI5Fixtures.gallery.tsx

@@ -64,6 +64,18 @@ export const AttributeTestComp = () => {
   return <Button data-testid="test-button">Click me</Button>;
 };
 
+export const ClickViaDomRefTestComp = () => {
+  const [clicked, setClicked] = useState(false);
+  return (
+    <>
+      <Button data-testid="test-button" onClick={() => setClicked(true)}>
+        Click me
+      </Button>
+      <span data-testid="button-clicked">{clicked ? 'yes' : 'no'}</span>
+    </>
+  );
+};
+
 export const SelectTestComp = () => {
   const [selectedValue, setSelectedValue] = useState('');
   return (

playwright/test/ui5-fixtures.spec.tsx

@@ -1,6 +1,14 @@
 import { expect, test } from '../fixtures/gallery-fixtures.js';
 
 test.describe('UI5 Web Components Fixtures', () => {
+  test('clickViaDomRef - clicks the element via its DOM ref', async ({ mount, page, ui5wc }) => {
+    await mount('test/UI5Fixtures/ClickViaDomRefTestComp');
+
+    await ui5wc.clickViaDomRef(page.getByTestId('test-button'));
+
+    await expect(page.getByTestId('button-clicked')).toHaveText('yes');
+  });
+
   test('typeIntoInput - types text into UI5 input', async ({ mount, page, ui5wc }) => {
     await mount('test/UI5Fixtures/InputTestComp');