fix(presets): add mjs to the list of moduleFileExtensions (#1155)

Closes #1147

Author: ahnpnl

.github/PULL_REQUEST_TEMPLATE.md

@@ -4,19 +4,15 @@
 
 <!-- Explain the **motivation** for making this change. What existing problem does the pull request solve? -->
 
-
 ## Test plan
 
 <!-- Demonstrate the code is solid. Example: The exact commands you ran and their output, screenshots / videos if the pull request changes UI. -->
 
-
 ## Does this PR introduce a breaking change?
 
 - [ ] Yes
 - [ ] No
 
 <!-- If this PR contains a breaking change, please describe the impact and migration plan -->
 
-
 ## Other information
-

.prettierignore

@@ -0,0 +1,5 @@
+build/
+node_modules/
+src/**/__snapshots__/
+e2e/__tests__/__snapshots__/
+CHANGELOG.md

LICENSE.md

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

README.md

@@ -73,9 +73,9 @@ Adjust your `tsconfig.spec.json` to be:
 }
 ```
 
-## Notes on usage with Angular >=13
+## Migration from Angular < 13
 
-Check out our [Angular >=13 usage notes](https://thymikee.github.io/jest-preset-angular/docs/next/guides/angular-13+)
+Check out our [Migration from Angular < 13 guidance](https://thymikee.github.io/jest-preset-angular/docs/next/guides/angular-13+)
 
 ## Angular Ivy
 

e2e/__tests__/ng-deep-import.test.ts

@@ -0,0 +1,15 @@
+import { json as runWithJson } from '../run-jest';
+
+const DIR = 'ng-deep-import';
+
+test(`successfully runs the tests inside ${DIR} with isolatedModules: false`, () => {
+  const { json } = runWithJson(DIR);
+
+  expect(json.success).toBe(true);
+});
+
+test(`successfully runs the tests inside ${DIR} with isolatedModules: true`, () => {
+  const { json } = runWithJson(DIR, ['-c=jest-isolated.config.js']);
+
+  expect(json.success).toBe(true);
+});

e2e/async/jest-isolated.config.js

@@ -3,7 +3,9 @@ const baseCfg = require('./jest.config');
 module.exports = {
   ...baseCfg,
   globals: {
-    ...baseCfg.globals['ts-jest'],
-    isolatedModules: true,
+    'ts-jest': {
+      ...baseCfg.globals['ts-jest'],
+      isolatedModules: true,
+    },
   },
 };

e2e/custom-typings/jest-isolated.config.js

@@ -3,6 +3,8 @@ const baseCfg = require('./jest.config');
 module.exports = {
   ...baseCfg,
   globals: {
-    isolatedModules: true,
+    'ts-jest': {
+      isolatedModules: true,
+    },
   },
 };

e2e/ng-deep-import/__tests__/ng-deep-import.spec.ts

@@ -0,0 +1,5 @@
+import localeFr from '@angular/common/locales/fr';
+
+test('should work with deep import of Angular ESM package', () => {
+  expect(localeFr).toBeDefined();
+});

e2e/ng-deep-import/jest-isolated.config.js

@@ -0,0 +1,10 @@
+const baseCfg = require('./jest.config');
+
+module.exports = {
+  ...baseCfg,
+  globals: {
+    'ts-jest': {
+      isolatedModules: true,
+    },
+  },
+};

e2e/ng-deep-import/jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  moduleFileExtensions: ['ts', 'html', 'js', 'json', 'mjs'],
+  resolver: '<rootDir>/../../build/resolvers/ng-jest-resolver.js',
+  transform: {
+    '^.+\\.(ts|js|mjs|html)$': '<rootDir>/../../build/index.js',
+  },
+  transformIgnorePatterns: ['node_modules/(?!@angular)'],
+};