fix tests

Author: timdeschryver

angular.json

@@ -78,7 +78,7 @@
           "options": {
             "jestConfig": "apps/example-app/jest.config.js",
             "tsConfig": "apps/example-app/tsconfig.spec.json",
-            "setupFile": "apps/example-app/setup-jest.ts"
+            "setupFile": "apps/example-app/test-setup.ts"
           }
         }
       }
@@ -134,7 +134,7 @@
           "options": {
             "jestConfig": "projects/testing-library/jest.config.js",
             "tsConfig": "projects/testing-library/tsconfig.spec.json",
-            "setupFile": "projects/testing-library/setup-jest.ts"
+            "setupFile": "projects/testing-library/test-setup.ts"
           }
         }
       }
@@ -181,7 +181,7 @@
           "options": {
             "jestConfig": "projects/jest-utils/jest.config.js",
             "tsConfig": "projects/jest-utils/tsconfig.spec.json",
-            "setupFile": "projects/jest-utils/setup-jest.ts"
+            "setupFile": "projects/jest-utils/test-setup.ts"
           }
         }
       }

apps/example-app/setup-jest.ts renamed to apps/example-app/test-setup.ts

@@ -3,6 +3,15 @@ import '@testing-library/jest-dom';
 import { configure } from '@testing-library/angular';
 import { ReactiveFormsModule } from '@angular/forms';
 
+Object.defineProperty(document.body.style, 'transform', {
+  value: () => {
+    return {
+      enumerable: true,
+      configurable: true,
+    };
+  },
+});
+
 configure({
   defaultImports: [ReactiveFormsModule],
 });

apps/example-app/tsconfig.spec.json

@@ -2,6 +2,8 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "module": "commonjs",
-    "types": ["jest", "node"]
-  }
+    "types": ["node", "jest"]
+  },
+  "files": ["test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

jest.config.js

@@ -6,9 +6,20 @@ module.exports = {
   resolver: '@nrwl/jest/plugins/resolver',
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageReporters: ['html'],
+  setupFilesAfterEnv: ['<rootDir>/test-setup.ts'],
   snapshotSerializers: [
     'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
     'jest-preset-angular/build/AngularSnapshotSerializer.js',
     'jest-preset-angular/build/HTMLCommentSerializer.js',
   ],
+  globals: {
+    'ts-jest': {
+      tsConfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+      astTransformers: [
+        'jest-preset-angular/build/InlineFilesTransformer',
+        'jest-preset-angular/build/StripStylesTransformer',
+      ],
+    },
+  },
 };

package.json

@@ -5,7 +5,7 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "nx run-many --target=build --all",
-    "test": "yarn affected:test",
+    "test": "nx run-many --target=test --all",
     "lint": "nx workspace-lint && ng lint",
     "e2e": "ng e2e",
     "affected:apps": "nx affected:apps",
@@ -34,7 +34,7 @@
     "@nrwl/angular": "^10.0.0",
     "@nrwl/nx-cloud": "^10.0.0",
     "@phenomnomnominal/tsquery": "^4.1.0",
-    "@testing-library/dom": "^7.18.1",
+    "@testing-library/dom": "^7.24.1",
     "@testing-library/user-event": "^12.0.11",
     "core-js": "^3.6.5",
     "rxjs": "^6.5.5",

projects/jest-utils/setup-jest.ts renamed to projects/jest-utils/test-setup.ts

@@ -12,7 +12,7 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "allowSyntheticDefaultImports": true,
-    "types": ["@types/jest"],
+    "types": ["jest"],
     "lib": ["dom", "es2015"]
   },
   "angularCompilerOptions": {

projects/jest-utils/tsconfig.lib.json

@@ -2,6 +2,8 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "module": "commonjs",
-    "types": ["jest", "node"]
-  }
+    "types": ["node", "jest"]
+  },
+  "files": ["test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

projects/jest-utils/tsconfig.spec.json

@@ -83,7 +83,7 @@ describe('Migration to version 4.0.0', () => {
         async function setup() {
           await render(
             HomeComponent,
-            
+
             {componentProperties: {
                 value: 'foo',
                 count: 2
@@ -107,12 +107,12 @@ describe('Migration to version 4.0.0', () => {
       process.chdir(getSystemPath(host.root));
       await host.write(specPath, input).toPromise();
 
-      schematicRunner.runSchematic('migration-4.0.0', {}, tree);
+      await schematicRunner.runSchematicAsync('migration-4.0.0', {}, tree).toPromise();
       await schematicRunner.engine.executePostTasks().toPromise();
 
       const actual = await host.read(specPath).toPromise().then(virtualFs.fileBufferToString);
 
-      expect(actual).toBe(expected);
+      expect(actual.replace(/\s/g, '')).toBe(expected.replace(/\s/g, ''));
     });
   });
 });

projects/testing-library/setup-jest.ts renamed to projects/testing-library/test-setup.ts

@@ -11,7 +11,7 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": false,
-    "types": ["@types/jest", "@types/node"],
+    "types": ["node", "jest"],
     "lib": ["dom", "es2015", "es2018.promise"]
   },
   "angularCompilerOptions": {

projects/testing-library/tests/migration/4_0_0.spec.ts

@@ -2,6 +2,8 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "module": "commonjs",
-    "types": ["jest", "node"]
-  }
+    "types": ["node", "jest"]
+  },
+  "files": ["test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
 }