added possibility to click some element for screenshot tests

epam · Jul 25, 2024 · 8f7d6c2 · 8f7d6c2
1 parent 3bfc1f0
commit 8f7d6c2
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/uui-e2e-tests/framework/pages/previewPage.ts b/uui-e2e-tests/framework/pages/previewPage.ts
@@ -31,6 +31,10 @@ export class PreviewPage {
         await this.page.locator(selector).first().focus();
     }
 
+    async clickElement(selector: string) {
+        await this.page.locator(selector).first().click();
+    }
+
     async goto() {
         await this.page.goto(PREVIEW_URL);
     }

diff --git a/uui-e2e-tests/framework/types.ts b/uui-e2e-tests/framework/types.ts
@@ -36,6 +36,7 @@ export type TMatrixMinimal<PreviewIdArr extends TObjValues<TPreviewIdByComponent
     skins?: TTheme[];
     onBeforeExpect?: (params: { previewPage: PreviewPage, previewId: TArrItem<PreviewIdArr> }) => Promise<void>;
     focusFirstElement?: (params: { previewId: TArrItem<PreviewIdArr> }) => string | boolean | undefined;
+    clickElement?: (params: { previewId: TArrItem<PreviewIdArr> }) => string | boolean | undefined;
     onlyChromium?: true;
     // Chromium-only! It uses Chrome DevToolsProtocol to set certain pseudo states to all elements matching given CSS selector.
     forcePseudoState?: TCdpPseudoStateParams[];

diff --git a/uui-e2e-tests/framework/utils/testBuilder.ts b/uui-e2e-tests/framework/utils/testBuilder.ts
@@ -99,6 +99,11 @@ function createTestsForSingleComponentId(builderParams: { componentId: TComponen
                         const sel = matrix.focusFirstElement({ previewId });
                         typeof sel === 'string' && await previewPage.focusElement(sel);
                     }
+
+                    if (matrix.clickElement) {
+                        const sel = matrix.clickElement({ previewId });
+                        typeof sel === 'string' && await previewPage.clickElement(sel);
+                    }
                     if (matrix.forcePseudoState) {
                         try {
                             await previewPage.cdpSession.cssForcePseudoState(matrix.forcePseudoState);

diff --git a/uui-e2e-tests/tests/screenshot.e2e.ts b/uui-e2e-tests/tests/screenshot.e2e.ts
@@ -191,7 +191,7 @@ builder
         },
         {
             previewId: [TRangeDatePickerPreview['Opened']],
-            focusFirstElement: () => 'input',
+            clickElement: () => 'input',
             onlyChromium: true,
         },
         {
@@ -212,7 +212,7 @@ builder
         },
         {
             previewId: [TDatePickerPreview['Opened']],
-            focusFirstElement: () => 'input',
+            clickElement: () => 'input',
             onlyChromium: true,
         },
         {