chore: Handle absolute imports in Remix example

nvh95 · May 8, 2022 · 2d7f300 · 2d7f300
1 parent 6865de7
commit 2d7f300
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/examples/remix/README.md b/examples/remix/README.md
@@ -65,6 +65,8 @@ module.exports = {
 -   // Handle image imports
 -   // https://jestjs.io/docs/webpack#handling-static-assets
 -   '^.+\\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/i': `<rootDir>/__mocks__/fileMock.js`,
++   // Handle absolute imports in Remix
++   '~/(.*)': '<rootDir>/app/$1',
   },
 + setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
   testPathIgnorePatterns: [

diff --git a/examples/remix/app/routes/index.tsx b/examples/remix/app/routes/index.tsx
@@ -1,4 +1,4 @@
-import remixImg from '../assets/remix.jpg';
+import remixImg from '~/assets/remix.jpg';
 
 export default function Index() {
   return (

diff --git a/examples/remix/jest.config.js b/examples/remix/jest.config.js
@@ -5,6 +5,8 @@ module.exports = {
     '!**/node_modules/**',
   ],
   moduleNameMapper: {
+    // Handle absolute imports in Remix
+    '~/(.*)': '<rootDir>/app/$1',
   },
   setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
   testPathIgnorePatterns: [