-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
-
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",
},
},
}),
]),
],
};