Update test dependencies (#723)

Author: tcbegley

package-lock.json

@@ -41,12 +41,13 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^10.4.8",
-    "@testing-library/user-event": "^10.0.1",
-    "babel-jest": "^24.9.0",
+    "@testing-library/react": "^12.1.1",
+    "@testing-library/user-event": "^13.2.1",
+    "babel-jest": "^27.2.4",
     "babel-loader": "^8.1.0",
     "css-loader": "^1.0.1",
-    "jest": "^24.9.0",
+    "jest": "^27.2.4",
+    "jsdom": "^17.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^1.19.1",
     "react-docgen": "^4.1.1",
@@ -67,12 +68,9 @@
     "react-dom": "^16.14.0"
   },
   "jest": {
-    "transform": {
-      "^.+\\.jsx?$": "babel-jest"
-    },
+    "testEnvironment": "jsdom",
     "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.js"
-    ],
-    "testEnvironment": "jest-environment-jsdom-global"
+    ]
   }
 }

package.json

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';

src/components/accordion/__tests__/Accordion.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {act, render} from '@testing-library/react';
 import Alert from '../Alert';
@@ -65,7 +69,6 @@ describe('Alert', () => {
 
     // alert exists and timeout is set with duration 5000
     expect(alert.container.querySelector('.alert')).not.toBe(null);
-    expect(setTimeout).toHaveBeenCalledWith(expect.any(Function), 5000);
 
     act(() => jest.advanceTimersByTime(4000));
     // alert hasn't dismissed yet

src/components/alert/__tests__/Alert.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';

src/components/badge/__tests__/Badge.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import Breadcrumb from '../Breadcrumb';

src/components/breadcrumb/__tests__/Breadcrumb.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';

src/components/button/__tests__/Button.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import Button from '../../button/Button';

src/components/buttongroup/__tests__/ButtonGroup.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import Card from '../Card';

src/components/card/__tests__/Card.test.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import {render} from '@testing-library/react';
 import CardBody from '../CardBody';