yamori

有給休暇計算を主目的とした簡易勤怠管理システム

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
// SPDX-FileCopyrightText: 2024 Shota FUJI <pockawoooh@gmail.com>
// SPDX-License-Identifier: AGPL-3.0-only

import type { Meta, StoryObj } from "@storybook/react";

import { withMockedBackend } from "../../../.storybook/decorators/withMockedBackend.tsx";

import { Create } from "../../mocks/yamori/workspace/v1/workspace_service.ts";

import { CreationForm } from "./CreationForm.tsx";

export default {
	component: CreationForm,
} satisfies Meta<typeof CreationForm>;

type Story = StoryObj<typeof CreationForm>;

export const Success: Story = {
	decorators: [withMockedBackend([Create()])],
};

export const SlowLoad: Story = {
	decorators: [withMockedBackend([Create({ delayMs: 2_000 })])],
};

export const MissingField: Story = {
	decorators: [
		withMockedBackend([
			Create({
				failureRate: 1,
				error: {
					case: "missingField",
					value: {
						path: "display_name",
					},
				},
				delayMs: 1_000,
			}),
		]),
	],
};

export const NoStorageSpace: Story = {
	decorators: [
		withMockedBackend([
			Create({
				failureRate: 1,
				error: {
					case: "noStorageSpace",
					value: {
						message: "Test error",
					},
				},
				delayMs: 1_000,
			}),
		]),
	],
};

export const SystemError: Story = {
	decorators: [
		withMockedBackend([
			Create({
				failureRate: 1,
				delayMs: 1_000,
			}),
		]),
	],
};

export const Playground: Story = {};