chore: fix babel/jest configs

Signed-off-by: Machiko Yasuda <[email protected]>

babel.config.js

@@ -76,6 +76,7 @@ module.exports = function (api) {
     ignore = [
       "**/*.test.js",
       "__snapshots__",
+      "**/setupTests.js",
       "**/tests",
       "**/scripts"
     ];

config/paths.js

@@ -49,6 +49,7 @@ module.exports = {
   appSrc: resolveApp('src'),
   tests: resolveApp('src/tests/index.js'),
   yarnLockFile: resolveApp('yarn.lock'),
+  testsSetup: resolveApp('src/setupTests.js'),
   appNodeModules: resolveApp('node_modules'),
   publicUrl: getPublicUrl(resolveApp('package.json')),
   servedPath: getServedPath(resolveApp('package.json')),

package.json

@@ -81,8 +81,7 @@
       "<rootDir>/config/polyfills.js"
     ],
     "setupFilesAfterEnv": [
-      "react-testing-library/cleanup-after-each",
-      "jest-dom/extend-expect"
+      "<rootDir>/package/src/setupTests.js"
     ],
     "testPathIgnorePatterns": [
       "<rootDir>/config/",

package/src/components/Button/Button.test.js

@@ -19,5 +19,6 @@ test("error button snapshot", () => {
 
 test("isWaiting button snapshot", () => {
   const { asFragment } = render(<Button className="myBtn" isWaiting>Upload</Button>);
+  expect(asFragment()).toBeDisabled();
   expect(asFragment()).toMatchSnapshot();
 });

package/src/components/ConfirmDialog/ConfirmDialog.test.js

@@ -16,6 +16,7 @@ test("basic snapshot - with opening the dialog", () => {
       )}
     </ConfirmDialog>);
   fireEvent.click(getByText("Open Confirm Dialog"));
+  expect(getByRole("dialog")).toBeInTheDocument();
   expect(getByRole("dialog")).toHaveTextContent("Are you sure you want to do that?");
   expect(getByRole("dialog")).toHaveTextContent("Are you sure?");
   expect(getByRole("dialog")).toHaveTextContent("OK");

package/src/setupTests.js

@@ -0,0 +1,5 @@
+// add some helpful assertions
+import "@testing-library/jest-dom/extend-expect";
+
+// this is basically: afterEach(cleanup)
+import "@testing-library/react/cleanup-after-each";