jest-preset-angular 7.0.0 → 8.0.0

package/build/StripStylesTransformer.js

@@ -0,0 +1,122 @@
+"use strict";
+/*
+ * Code is inspired by
+ * https://github.com/kulshekhar/ts-jest/blob/25e1c63dd3797793b0f46fa52fdee580b46f66ae/src/transformers/hoist-jest.ts
+ *
+ *
+ * IMPLEMENTATION DETAILS:
+ * This transformer handles one concern: removing styles.
+ *
+ * The property 'styles' inside a @Component(...) Decorator argument will
+ * be modified, even if they are not used in the context of an
+ * Angular Component.
+ *
+ * This is the required AST to trigger the transformation:
+ *
+ * ClassDeclaration
+ *   Decorator
+ *     CallExpression
+ *       ObjectLiteralExpression
+ *         PropertyAssignment
+ *           Identifier
+ *           StringLiteral
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+/** Angular component decorator Styles property name */
+var STYLES = 'styles';
+/** Angular component decorator name */
+var COMPONENT = 'Component';
+/** All props to be transformed inside a decorator */
+var TRANSFORM_IN_DECORATOR_PROPS = [STYLES];
+/**
+ * Transformer ID
+ * @internal
+ */
+exports.name = 'angular-component-strip-styles';
+// increment this each time the code is modified
+/**
+ * Transformer Version
+ * @internal
+ */
+exports.version = 1;
+/**
+ * The factory of hoisting transformer factory
+ * @internal
+ */
+function factory(cs) {
+    /**
+     * Our compiler (typescript, or a module with typescript-like interface)
+     */
+    var ts = cs.compilerModule;
+    /**
+     * Traverses the AST down inside a decorator to a styles assignment
+     * and returns a boolean indicating if it should be transformed.
+     */
+    function isInDecoratorPropertyAssignmentToTransform(node) {
+        return getInDecoratorPropertyAssignmentsToTransform(node).length > 0;
+    }
+    /**
+     * Traverses the AST down inside a decorator to a styles assignment
+     * returns it in an array.
+     */
+    function getInDecoratorPropertyAssignmentsToTransform(node) {
+        if (!ts.isClassDeclaration(node) || !node.decorators) {
+            return [];
+        }
+        return node.decorators
+            .map(function (dec) { return dec.expression; })
+            .filter(ts.isCallExpression)
+            .filter(function (callExpr) {
+            return ts.isIdentifier(callExpr.expression) && callExpr.expression.getText() === COMPONENT;
+        })
+            .reduce(function (acc, nxtCallExpr) { return Array.prototype.concat.apply(acc, nxtCallExpr.arguments
+            .filter(ts.isObjectLiteralExpression)
+            .reduce(function (acc, nxtArg) { return Array.prototype.concat.apply(acc, nxtArg.properties
+            .filter(ts.isPropertyAssignment)
+            .filter(function (propAss) {
+            return ts.isIdentifier(propAss.name) &&
+                TRANSFORM_IN_DECORATOR_PROPS.includes(propAss.name.text);
+        })); }, [])); }, []);
+    }
+    /**
+     * Clones the styles assignment and manipulates it.
+     * @param node the property assignment to change
+     */
+    function transformStylesAssignmentForJest(node) {
+        var mutableNode = ts.getMutableClone(node);
+        var assignments = getInDecoratorPropertyAssignmentsToTransform(mutableNode);
+        assignments.forEach(function (assignment) {
+            if (assignment.name.text === STYLES) {
+                // replace initializer array with empty array
+                assignment.initializer = ts.createArrayLiteral();
+            }
+        });
+        return mutableNode;
+    }
+    /**
+     * Create a source file visitor which will visit all nodes in a source file
+     * @param ctx The typescript transformation context
+     * @param _ The owning source file
+     */
+    function createVisitor(ctx, _) {
+        /**
+         * Main visitor, which will be called recursively for each node in the source file's AST
+         * @param node The node to be visited
+         */
+        var visitor = function (node) {
+            // before we create a deep clone to modify, we make sure that
+            // this is an assignment which we want to transform
+            if (isInDecoratorPropertyAssignmentToTransform(node)) {
+                // get transformed node with changed properties
+                return transformStylesAssignmentForJest(node);
+            }
+            else {
+                // else look for assignments inside this node recursively
+                return ts.visitEachChild(node, visitor, ctx);
+            }
+        };
+        return visitor;
+    }
+    return function (ctx) { return function (sf) { return ts.visitNode(sf, createVisitor(ctx, sf)); }; };
+}
+exports.factory = factory;

package/build/TransformUtils.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * returns the compiler function to create a string literal. If an old version
+ * of the TypeScript module is used, it will create a function that replaces the
+ * behavior of the `createStringLiteral` function.
+ * @param ts TypeScript compiler module
+ */
+function getCreateStringLiteral(ts) {
+    if (ts.createStringLiteral && typeof ts.createStringLiteral === 'function') {
+        return ts.createStringLiteral;
+    }
+    return function createStringLiteral(text) {
+        var node = (ts.createNode(ts.SyntaxKind.StringLiteral, -1, -1));
+        node.text = text;
+        node.flags |= ts.NodeFlags.Synthesized;
+        return node;
+    };
+}
+exports.getCreateStringLiteral = getCreateStringLiteral;

package/build/reflectMetadata.js

@@ -0,0 +1,21 @@
+"use strict";
+var METADATA_KEY_PARAMTYPES = "design:paramtypes";
+var CTOR_PARAMETERS_JPA = "ctorParametersJPA";
+// weird workaround to avoid 'ReferenceError: globalThis is not defined' in node version < 11
+global.globalThis = global.globalThis || undefined;
+var _global = globalThis || global; // globalThis available since node v12/TS v3.4
+var reflect = _global["Reflect"]; // reflect type in global has not these methods
+// let's not blindly override, maybe there is already a reflect lib in use
+// but just overriding one of the two functions does not serve any purpose
+if (!reflect.metadata && !reflect.getOwnMetadata) {
+    reflect.metadata = function (metadataKey, metadataValue) { return function (target, key) {
+        if (metadataKey === METADATA_KEY_PARAMTYPES && key === undefined) { // key undefined is ctor
+            target[CTOR_PARAMETERS_JPA] = metadataValue;
+        }
+    }; };
+    reflect.getOwnMetadata = function (metadata, target, key) {
+        if (metadata === METADATA_KEY_PARAMTYPES && key === undefined) { // key undefined is ctor
+            return target[CTOR_PARAMETERS_JPA];
+        }
+    };
+}

package/build/setupJest.js

@@ -0,0 +1,12 @@
+'use strict';
+require('./reflectMetadata');
+require('zone.js/dist/zone.js');
+require('zone.js/dist/proxy.js');
+require('zone.js/dist/sync-test');
+require('zone.js/dist/async-test');
+require('zone.js/dist/fake-async-test');
+require('./zone-patch');
+var getTestBed = require('@angular/core/testing').getTestBed;
+var BrowserDynamicTestingModule = require('@angular/platform-browser-dynamic/testing').BrowserDynamicTestingModule;
+var platformBrowserDynamicTesting = require('@angular/platform-browser-dynamic/testing').platformBrowserDynamicTesting;
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

package/build/zone-patch/index.js

@@ -0,0 +1,95 @@
+"use strict";
+/**
+ * Patch Jest's describe/test/beforeEach/afterEach functions so test code
+ * always runs in a testZone (ProxyZone).
+ */
+if (Zone === undefined) {
+    throw new Error('Missing: Zone (zone.js)');
+}
+if (jest === undefined) {
+    throw new Error('Missing: jest.\n' +
+        'This patch must be included in a script called with ' +
+        '`setupTestFrameworkScriptFile` in Jest config.');
+}
+if (jest['__zone_patch__'] === true) {
+    throw new Error("'jest' has already been patched with 'Zone'.");
+}
+jest['__zone_patch__'] = true;
+var SyncTestZoneSpec = Zone['SyncTestZoneSpec'];
+var ProxyZoneSpec = Zone['ProxyZoneSpec'];
+if (SyncTestZoneSpec === undefined) {
+    throw new Error('Missing: SyncTestZoneSpec (zone.js/dist/sync-test)');
+}
+if (ProxyZoneSpec === undefined) {
+    throw new Error('Missing: ProxyZoneSpec (zone.js/dist/proxy.js)');
+}
+var env = global;
+var ambientZone = Zone.current;
+// Create a synchronous-only zone in which to run `describe` blocks in order to
+// raise an error if any asynchronous operations are attempted
+// inside of a `describe` but outside of a `beforeEach` or `it`.
+var syncZone = ambientZone.fork(new SyncTestZoneSpec('jest.describe'));
+function wrapDescribeInZone(describeBody) {
+    return function () {
+        return syncZone.run(describeBody, null, arguments);
+    };
+}
+// Create a proxy zone in which to run `test` blocks so that the tests function
+// can retroactively install different zones.
+var testProxyZone = ambientZone.fork(new ProxyZoneSpec());
+function wrapTestInZone(testBody) {
+    if (testBody === undefined) {
+        return;
+    }
+    return testBody.length === 0
+        ? function () { return testProxyZone.run(testBody, null); }
+        : function (done) { return testProxyZone.run(testBody, null, [done]); };
+}
+var bindDescribe = function (originalJestFn) {
+    return function () {
+        var eachArguments = arguments;
+        return function (description, specDefinitions, timeout) {
+            arguments[1] = wrapDescribeInZone(specDefinitions);
+            return originalJestFn.apply(this, eachArguments).apply(this, arguments);
+        };
+    };
+};
+['xdescribe', 'fdescribe', 'describe'].forEach(function (methodName) {
+    var originaljestFn = env[methodName];
+    env[methodName] = function (description, specDefinitions, timeout) {
+        arguments[1] = wrapDescribeInZone(specDefinitions);
+        return originaljestFn.apply(this, arguments);
+    };
+    env[methodName].each = bindDescribe(originaljestFn.each);
+    if (methodName === 'describe') {
+        env[methodName].only = env['fdescribe'];
+        env[methodName].skip = env['xdescribe'];
+        env[methodName].only.each = bindDescribe(originaljestFn.only.each);
+        env[methodName].skip.each = bindDescribe(originaljestFn.skip.each);
+    }
+});
+['xit', 'fit', 'xtest', 'test', 'it'].forEach(function (methodName) {
+    var originaljestFn = env[methodName];
+    env[methodName] = function (description, specDefinitions, timeout) {
+        arguments[1] = wrapTestInZone(specDefinitions);
+        return originaljestFn.apply(this, arguments);
+    };
+    // The revised method will be populated to the final each method, so we only declare the method that in the new globals
+    env[methodName].each = originaljestFn.each;
+    if (methodName === 'test' || methodName === 'it') {
+        env[methodName].only = env['fit'];
+        env[methodName].only.each = originaljestFn.only.each;
+        env[methodName].skip = env['xit'];
+        env[methodName].skip.each = originaljestFn.skip.each;
+        env[methodName].todo = function (description) {
+            return originaljestFn.todo.apply(this, arguments);
+        };
+    }
+});
+['beforeEach', 'afterEach', 'beforeAll', 'afterAll'].forEach(function (methodName) {
+    var originaljestFn = env[methodName];
+    env[methodName] = function (specDefinitions, timeout) {
+        arguments[0] = wrapTestInZone(specDefinitions);
+        return originaljestFn.apply(this, arguments);
+    };
+});

package/greenkeeper.json

@@ -0,0 +1,10 @@
+{
+  "groups": {
+    "default": {
+      "packages": [
+        "example/package.json",
+        "package.json"
+      ]
+    }
+  }
+}

package/index.js

@@ -1 +1 @@
-module.exports = require('./setupJest.js');	
+module.exports = require('./build/setupJest.js');	

package/jest-preset.js

@@ -1,15 +1,18 @@
 module.exports = {
   globals: {
     'ts-jest': {
-      tsConfig: '<rootDir>/src/tsconfig.spec.json',
+      tsConfig: '<rootDir>/tsconfig.spec.json',
       stringifyContentPathRegex: '\\.html$',
-      astTransformers: [require.resolve('./InlineHtmlStripStylesTransformer')],
+      astTransformers: [
+        'jest-preset-angular/build/InlineFilesTransformer',
+        'jest-preset-angular/build/StripStylesTransformer',
+      ],
     },
   },
   transform: {
     '^.+\\.(ts|js|html)$': 'ts-jest',
   },
-  testEnvironment: 'jest-environment-jsdom-thirteen',
+  testEnvironment: 'jest-environment-jsdom-fifteen',
   moduleFileExtensions: ['ts', 'html', 'js', 'json'],
   moduleNameMapper: {
     '^src/(.*)$': '<rootDir>/src/$1',
@@ -19,7 +22,8 @@ module.exports = {
   },
   transformIgnorePatterns: ['node_modules/(?!@ngrx)'],
   snapshotSerializers: [
-    'jest-preset-angular/AngularSnapshotSerializer.js',
-    'jest-preset-angular/HTMLCommentSerializer.js',
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
   ],
 };

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "jest-preset-angular",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "Jest preset configuration for Angular projects",
   "main": "index.js",
   "repository": "git@github.com:thymikee/jest-preset-angular.git",
+  "homepage": "https://github.com/thymikee/jest-preset-angular",
   "author": "Michał Pierzchała <thymikee@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "jest-environment-jsdom-thirteen": "^0.0.2",
+    "jest-environment-jsdom-fifteen": "^1.0.0",
+    "pretty-format": "^24.0.0",
     "ts-jest": "^24.0.0"
   },
   "devDependencies": {
-    "@types/jest": "^24.0.0",
-    "@types/node": "^11.0.0",
+    "@types/jest": "^24.0.11",
+    "@types/node": "^11.11.5",
     "jest": "^24.0.0",
-    "typescript": "^3.2.1"
+    "typescript": "^3.6.3"
   },
   "peerDependencies": {
     "@angular/core": ">=2.0.0",
@@ -28,7 +30,7 @@
         "tsConfig": "<rootDir>/tsconfig.spec.json"
       }
     },
-    "rootDir": "__tests__"
+    "rootDir": "src/__tests__"
   },
   "scripts": {
     "build": "tsc",

package/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es5",
     "module": "commonjs",
-    "outDir": ".",
+    "outDir": "./build",
     "strict": true,
     "lib": ["esnext"],
     "allowSyntheticDefaultImports": true,
@@ -11,5 +11,5 @@
     "types": ["node"]
   },
   "include": ["src"],
-  "exclude": []
+  "exclude": ["**/__tests__"]
 }