diff --git a/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_full-featured_0_document_0_desktop.png b/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_full-featured_0_document_0_desktop.png index a6017ce1214..92d6e4d037f 100644 Binary files a/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_full-featured_0_document_0_desktop.png and b/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_full-featured_0_document_0_desktop.png differ diff --git a/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_themed_0_document_0_desktop.png b/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_themed_0_document_0_desktop.png index b1f121ff36a..fe87a38cc94 100644 Binary files a/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_themed_0_document_0_desktop.png and b/libs/sdk-ui-tests/backstop/reference/storybook_12_UI_Kit_ShareDialog_AddGranteeBase_-_themed_0_document_0_desktop.png differ diff --git a/libs/sdk-ui-tests/stories/utils/useResetFocus.ts b/libs/sdk-ui-tests/stories/utils/useResetFocus.ts new file mode 100644 index 00000000000..4ab9495d9f9 --- /dev/null +++ b/libs/sdk-ui-tests/stories/utils/useResetFocus.ts @@ -0,0 +1,14 @@ +// (C) 2025 GoodData Corporation +import React from "react"; + +export const useResetFocus = (delay: number = 0): void => { + React.useEffect(() => { + const timeout = setTimeout(() => { + (document.activeElement as HTMLElement | null)?.blur(); + }, delay); + + return () => { + clearTimeout(timeout); + }; + }, [delay]); +}; diff --git a/libs/sdk-ui-tests/stories/visual-regression/kit/ShareDialog/AddGranteeBase.tsx b/libs/sdk-ui-tests/stories/visual-regression/kit/ShareDialog/AddGranteeBase.tsx index 751c9a2a5ee..e4b21944d24 100644 --- a/libs/sdk-ui-tests/stories/visual-regression/kit/ShareDialog/AddGranteeBase.tsx +++ b/libs/sdk-ui-tests/stories/visual-regression/kit/ShareDialog/AddGranteeBase.tsx @@ -1,4 +1,4 @@ -// (C) 2021 GoodData Corporation +// (C) 2021-2025 GoodData Corporation import React from "react"; import { storiesOf } from "../../../_infra/storyRepository.js"; import { action } from "@storybook/addon-actions"; @@ -23,6 +23,7 @@ import { recordedBackend } from "@gooddata/sdk-backend-mockingbird"; import { ReferenceRecordings } from "@gooddata/reference-workspace"; import { idRef } from "@gooddata/sdk-model"; import { LabelsMock } from "./LabelsMock.js"; +import { useResetFocus } from "../../../utils/useResetFocus.js"; const sharedObject: IAffectedSharedObject = { ref: idRef("object"), @@ -166,6 +167,8 @@ const SelectedItemsExample = (): JSX.Element => { * @internal */ export const AddGranteeExamples = (): JSX.Element => { + useResetFocus(200); + return (
@@ -189,5 +192,9 @@ export const AddGranteeExamples = (): JSX.Element => { }; storiesOf(`${UiKit}/ShareDialog/AddGranteeBase`) - .add("full-featured", () => , { screenshot: true }) - .add("themed", () => wrapWithTheme(), { screenshot: true }); + .add("full-featured", () => , { + screenshot: { delay: 300 }, + }) + .add("themed", () => wrapWithTheme(), { + screenshot: { delay: 300 }, + });