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 { Decorator, Meta, StoryObj } from "@storybook/react";

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

import { On } from "../../contexts/Router.tsx";
import * as workspaceService from "../../mocks/yamori/workspace/v1/workspace_service.ts";

import { Page, pattern } from "./page.tsx";

function withRoute<Args>(): Decorator<Args> {
	return (Story) => (
		<On pattern={pattern}>
			<Story />
		</On>
	);
}

export default {
	component: Page,
	parameters: {
		layout: "fullscreen",
	},
	decorators: [withMockedBackend([workspaceService.Get()])],
} satisfies Meta<typeof Page>;

type Story = StoryObj<typeof Page>;

export const NotFound: Story = {
	decorators: [withRoute(), withInmemoryRouter({ initialURL: "/ws-foo/invalid" })],
};

export const Loading: Story = {
	decorators: [
		withRoute(),
		withInmemoryRouter({ initialURL: "/ws-foo/invalid" }),
		withMockedBackend([workspaceService.Get({ delayMs: 5_000 })]),
	],
};

export const NonexistentWorkspace: Story = {
	decorators: [
		withRoute(),
		withInmemoryRouter({ initialURL: "/ws-000/invalid" }),
		withMockedBackend([
			workspaceService.Get({ failureRate: 1, error: { case: "notFound", value: {} } }),
		]),
	],
};

export const LoadError: Story = {
	decorators: [
		withRoute(),
		withInmemoryRouter({ initialURL: "/ws-foo/workers" }),
		withMockedBackend([
			workspaceService.Get({
				failureRate: 1,
				error: {
					case: "systemError",
					value: {
						code: "SAMPLE_ERR",
						message: "This is sample error",
					},
				},
			}),
		]),
	],
};