Clean up storybook (#2941)

.dockerignore

@@ -1,2 +1,3 @@
 node_modules
-build
+build
+*.stories.tsx

.eslintrc.json

@@ -21,7 +21,7 @@
   ],
   "overrides": [
     {
-      "files": ["src/**/*.test.*"],
+      "files": ["src/**/*.test.*", "src/**/*.stories.*"],
       "rules": {
         "react-refresh/only-export-components": "off"
       }

package.json

@@ -169,15 +169,13 @@
     "workbox-strategies": "^6.1.2"
   },
   "optionalDependencies": {
-    "@storybook/addon-storyshots": "^5.2.8",
     "@storybook/react": "^5.1.9",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^26.0.14",
     "@types/setup-polly-jest": "^0.5.0",
-    "@types/storybook__addon-storyshots": "^3.4.9",
     "@types/storybook__react": "^4.0.2",
     "cypress": "^10.0.2",
     "cypress-file-upload": "^5.0.8",
@@ -293,4 +291,4 @@
     "prepare": "is-ci || husky install"
   },
   "description": "![Saleor Dashboard](https://user-images.githubusercontent.com/249912/82305745-5c52fd00-99be-11ea-9ac6-cc04a6f28c91.png)"
-}
+}

src/apps/components/AppDetailsPage/AppDetailsPage.stories.tsx

@@ -13,7 +13,7 @@ const props: AppDetailsPageProps = {
   onAppDeactivateOpen: () => undefined,
 };
 
-storiesOf("Views / Apps / App details", module)
+storiesOf("Apps / App details", module)
   .addDecorator(Decorator)
   .add("default", () => <AppDetailsPage {...props} />)
   .add("loading", () => <AppDetailsPage {...props} loading={true} />);

src/apps/components/AppInstallPage/AppInstallPage.stories.tsx

@@ -12,7 +12,7 @@ const props: AppInstallPageProps = {
   onSubmit: () => Promise.resolve([]),
 };
 
-storiesOf("Views / Apps / Install App", module)
+storiesOf("Apps / Install App", module)
   .addDecorator(Decorator)
   .add("default", () => <AppInstallPage {...props} />)
   .add("loading", () => <AppInstallPage {...props} loading={true} />);

src/apps/components/AppPage/AppPage.stories.tsx

@@ -12,7 +12,7 @@ const props: AppPageProps = {
   onError: () => undefined,
 };
 
-storiesOf("Views / Apps / App", module)
+storiesOf("Apps / App", module)
   .addDecorator(Decorator)
   .add("default", () => <AppPage {...props} />)
   .add("settings", () => (

src/apps/components/AppsListPage/AppListPage.stories.tsx

@@ -31,7 +31,7 @@ const props: AppsListPageProps = {
   onInstalledAppRemove: () => undefined,
 };
 
-storiesOf("Views / Apps / Apps list", module)
+storiesOf("Apps / Apps list", module)
   .addDecorator(Decorator)
   .addDecorator(story => (
     <AppListContext.Provider

src/auth/components/LoginPage/LoginPage.stories.tsx

@@ -3,7 +3,7 @@ import Decorator from "@saleor/storybook/Decorator";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
-import LoginPage, { LoginCardProps } from "../../../auth/components/LoginPage";
+import LoginPage, { LoginCardProps } from "./LoginPage";
 
 const props: Omit<LoginCardProps, "classes"> = {
   disabled: false,
@@ -20,7 +20,7 @@ const props: Omit<LoginCardProps, "classes"> = {
   onSubmit: () => undefined,
 };
 
-storiesOf("Views / Authentication / Log in", module)
+storiesOf("Authentication / Log in", module)
   .addDecorator(CardDecorator)
   .addDecorator(Decorator)
   .add("default", () => <LoginPage {...props} />)

src/auth/components/NewPasswordPage/NewPasswordPage.stories.tsx

@@ -6,7 +6,7 @@ import React from "react";
 
 import NewPasswordPage from "./NewPasswordPage";
 
-storiesOf("Views / Authentication / Set up a new password", module)
+storiesOf("Authentication / Set up a new password", module)
   .addDecorator(CardDecorator)
   .addDecorator(Decorator)
   .add("default", () => (

src/auth/components/ResetPasswordPage/ResetPasswordPage.stories.tsx

@@ -1,6 +1,6 @@
 import CardDecorator from "@saleor/storybook/CardDecorator";
 import Decorator from "@saleor/storybook/Decorator";
-import { formError } from "@saleor/storybook/misc";
+import { formError } from "@saleor/storybook/formError";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
@@ -11,7 +11,7 @@ const props: ResetPasswordPageProps = {
   error: undefined,
   onSubmit: () => undefined,
 };
-storiesOf("Views / Authentication / Reset password", module)
+storiesOf("Authentication / Reset password", module)
   .addDecorator(CardDecorator)
   .addDecorator(Decorator)
   .add("default", () => <ResetPasswordPage {...props} />)

src/auth/components/ResetPasswordSuccessPage/ResetPasswordSuccessPage.stories.tsx

@@ -5,7 +5,7 @@ import React from "react";
 
 import ResetPasswordSuccessPage from "./ResetPasswordSuccessPage";
 
-storiesOf("Views / Authentication / Reset password success", module)
+storiesOf("Authentication / Reset password success", module)
   .addDecorator(CardDecorator)
   .addDecorator(Decorator)
   .add("default", () => <ResetPasswordSuccessPage onBack={() => undefined} />);

src/storybook/stories/categories/CategoryCreatePage.tsx → src/categories/components/CategoryCreatePage/CategoryCratePage.stories.tsx

@@ -1,11 +1,11 @@
 import { ProductErrorCode } from "@saleor/graphql";
+import Decorator from "@saleor/storybook/Decorator";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
 import CategoryCreatePage, {
   CategoryCreatePageProps,
-} from "../../../categories/components/CategoryCreatePage";
-import Decorator from "../../Decorator";
+} from "./CategoryCreatePage";
 
 const createProps: CategoryCreatePageProps = {
   backUrl: "",
@@ -15,7 +15,7 @@ const createProps: CategoryCreatePageProps = {
   saveButtonBarState: "default",
 };
 
-storiesOf("Views / Categories / Create category", module)
+storiesOf("Categories / Create category", module)
   .addDecorator(Decorator)
   .add("default", () => <CategoryCreatePage {...createProps} />)
   .add("When loading", () => (

src/storybook/stories/categories/CategoryListPage.tsx → src/categories/components/CategoryListPage/CategoryListPage.stories.tsx

@@ -1,6 +1,3 @@
-import CategoryListPage, {
-  CategoryTableProps,
-} from "@saleor/categories/components/CategoryListPage";
 import { categories } from "@saleor/categories/fixtures";
 import { CategoryListUrlSortField } from "@saleor/categories/urls";
 import {
@@ -10,11 +7,12 @@ import {
   sortPageProps,
   tabPageProps,
 } from "@saleor/fixtures";
+import Decorator from "@saleor/storybook/Decorator";
 import { PaginatorContextDecorator } from "@saleor/storybook/PaginatorContextDecorator";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
-import Decorator from "../../Decorator";
+import CategoryListPage, { CategoryTableProps } from "./CategoryListPage";
 
 const categoryTableProps: CategoryTableProps = {
   categories,
@@ -30,7 +28,7 @@ const categoryTableProps: CategoryTableProps = {
   },
 };
 
-storiesOf("Views / Categories / Category list", module)
+storiesOf("Categories / Category list", module)
   .addDecorator(Decorator)
   .addDecorator(PaginatorContextDecorator)
   .add("default", () => <CategoryListPage {...categoryTableProps} />)

src/storybook/stories/categories/CategoryUpdatePage.tsx → src/categories/components/CategoryUpdatePage/CategoryUpdatePage.stories.tsx

@@ -1,5 +1,8 @@
 import placeholderImage from "@assets/images/placeholder255x255.png";
+import { category as categoryFixture } from "@saleor/categories/fixtures";
+import { listActionsProps } from "@saleor/fixtures";
 import { ProductErrorCode } from "@saleor/graphql";
+import Decorator from "@saleor/storybook/Decorator";
 import { PaginatorContextDecorator } from "@saleor/storybook/PaginatorContextDecorator";
 import { mapEdgesToItems } from "@saleor/utils/maps";
 import { storiesOf } from "@storybook/react";
@@ -8,10 +11,7 @@ import React from "react";
 import CategoryUpdatePage, {
   CategoryPageTab,
   CategoryUpdatePageProps,
-} from "../../../categories/components/CategoryUpdatePage";
-import { category as categoryFixture } from "../../../categories/fixtures";
-import { listActionsProps } from "../../../fixtures";
-import Decorator from "../../Decorator";
+} from "./CategoryUpdatePage";
 
 const category = categoryFixture(placeholderImage);
 
@@ -35,7 +35,7 @@ const updateProps: Omit<CategoryUpdatePageProps, "classes"> = {
   ...listActionsProps,
 };
 
-storiesOf("Views / Categories / Update category", module)
+storiesOf("Categories / Update category", module)
   .addDecorator(Decorator)
   .addDecorator(PaginatorContextDecorator)
   .add("default", () => <CategoryUpdatePage {...updateProps} />)