Implement utils as separate @muban/testing-library package

mubanjs · Jan 11, 2022 · e3c8e12 · e3c8e12
1 parent c054255
commit e3c8e12
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 139 deletions.
diff --git a/README.md b/README.md
@@ -54,7 +54,7 @@ Run `npm run storybook` to preview your stories and documentation.
 * `useHookName.stories.ts` – To showcase the hook with a working UI, also used for dom testing
 * `useHookName.stories.mdx` – Documentation about the hook
 * `useHookName.test.ts` – Unit tests for the hook
-* `useHookNameStories.test.ts` – Unit tests for the stories using `testing-library`
+* `useHookNameStories.test.ts` – Unit tests for the stories using `@muban/testing-library`
 
 ### Steps for adding a new Hook:
 
@@ -141,8 +141,8 @@ if intermediate state requires testing.
 
 ## Writing Story tests
 
-Use the `render` function to render a Story component in the DOM, and use the "testing-library"
-query, event and assert functions to test if your Story works as intended.
+Use the `render` function to render a Story component in the DOM, and use the 
+"@muban/testing-library" query, event and assert functions to test if your Story works as intended.
 
 Add `import '@testing-library/jest-dom';` to the top of your file to augment Jest with
 additional matchers for DOM elements.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -54,9 +54,10 @@
     "@babel/runtime-corejs3": "^7.12.5",
     "@muban/eslint-config": "^1.0.0-alpha.4",
     "@muban/muban": "^1.0.0-alpha.28",
-    "@muban/storybook": "^7.0.0-alpha.18",
+    "@muban/storybook": "^7.0.0-alpha.19",
     "@muban/template": "^1.0.0-alpha.1",
     "@muban/test-mock": "npm:@muban/muban@^1.0.0-alpha.28",
+    "@muban/testing-library": "^1.0.0-alpha.3",
     "@storybook/addon-actions": "^6.4.9",
     "@storybook/addon-essentials": "^6.4.9",
     "@storybook/addon-links": "^6.4.9",

diff --git a/src/testing-library/queryByRef.ts b/src/testing-library/queryByRef.ts
diff --git a/src/testing-library/readme.md b/src/testing-library/readme.md
diff --git a/src/testing-library/render.ts b/src/testing-library/render.ts
diff --git a/src/useEventListener/useEventListenerStories.test.ts b/src/useEventListener/useEventListenerStories.test.ts
@@ -1,6 +1,5 @@
 import '@testing-library/jest-dom';
-import { waitFor } from '@testing-library/dom';
-import { render } from '../testing-library/render';
+import { waitFor, render } from '@muban/testing-library';
 import { Demo } from './useEventListener.stories';
 
 describe('useEventListener stories', () => {

diff --git a/src/useToggle/useToggleStories.test.ts b/src/useToggle/useToggleStories.test.ts
@@ -1,6 +1,5 @@
 import '@testing-library/jest-dom';
-import { waitFor } from '@testing-library/dom';
-import { render } from '../testing-library/render';
+import { waitFor, render } from '@muban/testing-library';
 import { Demo } from './useToggle.stories';
 
 describe('useToggle stories', () => {