keycloak_theme/stories/login/pages/LogoutConfirm.stories.tsx
2024-10-19 17:24:29 -04:00

48 lines
1.4 KiB
TypeScript

import React from "react";
import type { Meta, StoryObj } from "@storybook/react";
import { createKcPageStory } from "../KcPageStory";
const { KcPageStory } = createKcPageStory({ pageId: "logout-confirm.ftl" });
const meta = {
title: "login/logout-confirm.ftl",
component: KcPageStory
} satisfies Meta<typeof KcPageStory>;
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {
render: () => <KcPageStory />
};
/**
* WithCustomLogoutMessage:
* - Purpose: Tests when a custom message is displayed for the logout confirmation.
* - Scenario: The component renders with a custom logout confirmation message instead of the default one.
* - Key Aspect: Ensures the custom logout message is displayed correctly.
*/
export const WithCustomLogoutMessage: Story = {
render: () => (
<KcPageStory
kcContext={{
url: {
logoutConfirmAction: "/mock-logout-action"
},
client: {
baseUrl: "/mock-client-url"
},
logoutConfirm: {
code: "mock-session-code",
skipLink: false
},
message: {
summary: "Are you sure you want to log out from all sessions?",
type: "warning"
}
}}
/>
)
};