feat(tests): adds react testing library configurations

jest.config.js

@@ -8,7 +8,7 @@ const config = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   modulePaths: ['core'],
   collectCoverageFrom: ['core/**/*.{ts,tsx}', '!**/dist/**/*'],
-  setupFilesAfterEnv: ['./scripts/setupTest.js'],
+  setupFilesAfterEnv: ['./scripts/setupTest.ts'],
   transformIgnorePatterns: [`/node_modules/(?!${esModules})`],
   snapshotSerializers: ['enzyme-to-json/serializer'],
   testEnvironment: 'jsdom',

package.json

@@ -10,7 +10,7 @@
   },
   "scripts": {
     "chromatic": "chromatic",
-    "test": "jest",
+    "test": "jest --coverage",
     "test:ci": "jest --onlyChanged",
     "start": "start-storybook -p 5000",
     "dev": "concurrently --kill-others \"npm run watch-css\" \"npm run start\"",
@@ -50,6 +50,8 @@
     "@storybook/preset-typescript": "^1.2.0",
     "@storybook/react": "^5.2.8",
     "@storybook/storybook-deployer": "^2.8.5",
+    "@testing-library/jest-dom": "^5.11.1",
+    "@testing-library/react": "^10.4.7",
     "@types/enzyme": "^3.10.4",
     "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/jest": "^24.0.24",

scripts/setupTest.ts

@@ -0,0 +1,12 @@
+import '@testing-library/jest-dom';
+const Enzyme = require('enzyme');
+const EnzymeAdapter = require('enzyme-adapter-react-16');
+const ReactTestingLibrary = require('@testing-library/react');
+
+// Setup enzyme's react adapter
+Enzyme.configure({ adapter: new EnzymeAdapter() });
+
+// Configure React Testing Library
+const { configure } = ReactTestingLibrary;
+
+configure({ testIdAttribute: 'data-test' });