diff --git a/uui-e2e-tests/framework/pages/previewPage.ts b/uui-e2e-tests/framework/pages/previewPage.ts index b1e3d81b83..a210a39ca7 100644 --- 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 index 0c52d964f1..f580e13f67 100644 --- a/uui-e2e-tests/framework/types.ts +++ b/uui-e2e-tests/framework/types.ts @@ -36,6 +36,7 @@ export type TMatrixMinimal }) => Promise; focusFirstElement?: (params: { previewId: TArrItem }) => string | boolean | undefined; + clickElement?: (params: { previewId: TArrItem }) => 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 index fc926f4ee6..f1c80afdea 100644 --- 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 index 264134ff58..8b4345e339 100644 --- 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, }, {