07007b0016
I dropped the examples while at it. Since Svelte-Octicons are used as-is I have to declare the license as MIT. Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
/* Stories for Login template.
|
|
* Copyright (C) 2024 André Jaenisch
|
|
* SPDX-FileCopyrightText: 2024 André Jaenisch
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import { withActions } from '@storybook/addon-actions/decorator';
|
|
import { withLinks } from '@storybook/addon-links';
|
|
import type { Meta, StoryObj } from '@storybook/svelte';
|
|
|
|
import Login from '$lib/components/templates/Login.svelte';
|
|
|
|
const meta = {
|
|
title: 'Templates/Login',
|
|
component: Login,
|
|
tags: ['autodocs'],
|
|
args: {
|
|
sb: 'Templates/Profile'
|
|
},
|
|
argTypes: {
|
|
onSubmit: { action: 'submit' },
|
|
form: { controls: 'object' },
|
|
sb: { control: 'radio', options: ['Templates/Profile'] }
|
|
},
|
|
decorators: [withActions, withLinks]
|
|
} satisfies Meta<Login>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Plain: Story = {
|
|
args: {
|
|
form: {
|
|
account: 'jane.doe@domain.example',
|
|
incorrect: false,
|
|
missing: false
|
|
}
|
|
}
|
|
};
|
|
|
|
export const MissingInput: Story = {
|
|
args: {
|
|
form: {
|
|
account: '',
|
|
incorrect: false,
|
|
missing: true
|
|
}
|
|
}
|
|
};
|
|
|
|
export const InvalidFormData: Story = {
|
|
args: {
|
|
form: {
|
|
account: 'jane.doe@domain.example',
|
|
incorrect: true,
|
|
missing: false
|
|
}
|
|
}
|
|
};
|