Configure support for absolute imports (#93)

* Update configs + a few imports for testing, fix misnamed files

* Some cleanup

amundsen_application/static/jest.config.js

@@ -25,6 +25,7 @@ module.exports = {
     '^.+\\.(css|scss)$': '<rootDir>/node_modules/jest-css-modules',
   },
   testRegex: '(/tests/.*|(\\.|/)(test|spec))\\.(j|t)sx?$',
+  moduleDirectories: ['node_modules', 'js'],
   moduleFileExtensions: [
     'ts',
     'tsx',

amundsen_application/static/js/components/common/EntityCard/EntityCardSection/index.tsx

 import * as React from 'react';
-import InfoButton from "../../InfoButton";
+import InfoButton from 'components/common/InfoButton';
 
 // TODO: Use css-modules instead of 'import'
 import './styles.scss';

amundsen_application/static/js/components/common/EntityCard/EntityCardSection/tests/index.spec.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { shallow } from 'enzyme';
 
-import InfoButton from "../../../InfoButton";
+import InfoButton from 'components/common/InfoButton';
 import EntityCardSection, { EntityCardSectionProps } from '../';
 
 describe('EntityCardSection', () => {

amundsen_application/static/js/components/common/ResourceListItem/TableListItem/tests/index.spec.tsx

@@ -3,7 +3,6 @@ import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Avatar from 'react-avatar';
-import Flag from '../../../Flag';
 import { Link } from 'react-router-dom';
 
 import TableListItem, { TableListItemProps } from '../';

amundsen_application/static/js/components/common/ResourceListItem/UserListItem/index.tsx

@@ -3,7 +3,7 @@ import Avatar from 'react-avatar';
 import { Link } from 'react-router-dom';
 
 import { LoggingParams, UserResource} from '../types';
-import Flag from '../../Flag';
+import Flag from 'components/common/Flag';
 
 export interface UserListItemProps {
   user: UserResource;

amundsen_application/static/js/components/common/ResourceListItem/UserListItem/tests/index.spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Avatar from 'react-avatar';
-import Flag from '../../../Flag';
+import Flag from 'components/common/Flag';
 import { Link } from 'react-router-dom';
 
 import UserListItem, { UserListItemProps } from '../';

amundsen_application/static/tsconfig.json

@@ -15,6 +15,11 @@
     "noResolve": false,
     "removeComments": true,
     "types": ["jest"],
+    "baseUrl": "js",
+    "paths": {
+        "components/*": [ "components/*" ],
+        "ducks/*": [ "ducks/*" ],
+    }
   },
   "exclude": [
     "node_modules",

amundsen_application/static/webpack.common.ts

@@ -15,6 +15,10 @@ const config: webpack.Configuration = {
     },
     devtool: 'source-map',
     resolve: {
+        alias: {
+            components: path.join(__dirname, '/js/components'),
+            ducks: path.join(__dirname, '/js/ducks'),
+        },
         extensions: ['.tsx', '.ts', '.js', '.jsx', '.css', '.scss'],
     },
     module: {