Merge pull request #4495 from mirumee/fix/makestyles-snapshots

Do not allow random ids to appear in snapshots
saleor · Jul 19, 2019 · 70d6690 · 70d6690
2 parents 40e7cb2 + 04553f3
commit 70d6690
Show file tree

Hide file tree

Showing 3 changed files with 158 additions and 149 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,7 @@ All notable, unreleased changes to this project will be documented in this file.
 - New translations:
   - Greek
 - Fix searches and pickers - #4487 by @dominik-zeglen
+- Do not allow random ids to appear in snapshots - #4495 by @dominik-zeglen
 
 
 ## 2.8.0

diff --git a/saleor/static/dashboard-next/storybook/Stories.test.ts b/saleor/static/dashboard-next/storybook/Stories.test.ts
@@ -1,4 +1,5 @@
 import createGenerateClassName from "@material-ui/core/styles/createGenerateClassName";
+import createHookGenerateClassName from "@material-ui/styles/createGenerateClassName";
 import initStoryshots from "@storybook/addon-storyshots";
 // tslint:disable no-submodule-imports
 import generateRandomKey from "draft-js/lib/generateRandomKey";
@@ -15,6 +16,13 @@ jest.mock("@material-ui/core/styles/createGenerateClassName");
   }
 );
 
+jest.mock("@material-ui/styles/createGenerateClassName");
+(createHookGenerateClassName as any).mockImplementation(
+  () => (rule, stylesheet) => {
+    return [stylesheet.options.meta, rule.key, "id"].join("-");
+  }
+);
+
 jest.mock("draft-js/lib/generateRandomKey");
 (generateRandomKey as any).mockImplementation(() => "testKey");