ci: add ivy track for all prs

Author: filipesilva

.circleci/config.yml

@@ -106,24 +106,17 @@ jobs:
           path: /tmp/dist
           destination: cli/new-production
 
-  e2e-cli-ng-snapshots:
+  e2e-cli-ivy:
     <<: *defaults
     environment:
       BASH_ENV: ~/.profile
     resource_class: xlarge
     parallelism: 4
     steps:
-      - run:
-          name: Don't run expensive e2e tests for forks other than renovate-bot and angular
-          command: >
-            if [[ "$CIRCLE_PR_USERNAME" != "renovate-bot" ]] &&
-               [[ "$CIRCLE_PROJECT_USERNAME" != "angular" || $CIRCLE_BRANCH != "master" ]]; then
-              circleci step halt
-            fi
       - attach_workspace: *attach_options
-      - run: xvfb-run -a node ./tests/legacy-cli/run_e2e --nb-shards=${CIRCLE_NODE_TOTAL} --shard=${CIRCLE_NODE_INDEX} --ng-snapshots
+      - run: xvfb-run -a node ./tests/legacy-cli/run_e2e --nb-shards=${CIRCLE_NODE_TOTAL} --shard=${CIRCLE_NODE_INDEX} --ivy          
 
-  e2e-cli-ivy-snapshots:
+  e2e-cli-ng-snapshots:
     <<: *defaults
     environment:
       BASH_ENV: ~/.profile
@@ -138,7 +131,7 @@ jobs:
               circleci step halt
             fi
       - attach_workspace: *attach_options
-      - run: xvfb-run -a node ./tests/legacy-cli/run_e2e --nb-shards=${CIRCLE_NODE_TOTAL} --shard=${CIRCLE_NODE_INDEX} --ng-snapshots --ivy
+      - run: xvfb-run -a node ./tests/legacy-cli/run_e2e --nb-shards=${CIRCLE_NODE_TOTAL} --shard=${CIRCLE_NODE_INDEX} --ng-snapshots
 
   build:
     <<: *defaults
@@ -210,6 +203,9 @@ workflows:
       - e2e-cli:
           requires:
             - build
+      - e2e-cli-ivy:
+          requires:
+            - build            
       - snapshot_publish_docs:
           requires:
           - install
@@ -220,9 +216,6 @@ workflows:
       - e2e-cli-ng-snapshots:
           requires:
             - build
-      - e2e-cli-ivy-snapshots:
-          requires:
-            - build
       - snapshot_publish:
           requires:
             - test

tests/legacy-cli/e2e/tests/basic/rebuild.ts

@@ -7,6 +7,7 @@ import {
 import {writeFile, writeMultipleFiles} from '../../utils/fs';
 import {wait} from '../../utils/utils';
 import {request} from '../../utils/http';
+import {getGlobalVariable} from '../../utils/env';
 
 const validBundleRegEx = /: Compiled successfully./;
 
@@ -15,7 +16,10 @@ export default function() {
     return Promise.resolve();
   }
 
-  const lazyChunkRegExp = /lazy-module\.js/g;
+  const argv = getGlobalVariable('argv');
+  const ivyProject = argv['ivy'];
+  const lazyImport = ivyProject ? `() => import('./lazy/lazy.module').then(m => m.LazyModule)`
+    : `'./lazy/lazy.module#LazyModule'`;
 
   return execAndWaitForOutputToMatch('ng', ['serve'], validBundleRegEx)
     // Add a lazy module.
@@ -43,7 +47,7 @@ export default function() {
             FormsModule,
             HttpClientModule,
             RouterModule.forRoot([
-              { path: 'lazy', loadChildren: './lazy/lazy.module#LazyModule' }
+              { path: 'lazy', loadChildren: ${lazyImport} }
             ])
           ],
           providers: [],
@@ -55,7 +59,7 @@ export default function() {
     // Count the bundles.
     .then((results) => {
       const stdout = results[0].stdout;
-      if (!lazyChunkRegExp.test(stdout)) {
+      if (!/(lazy-module|0)\.js/g.test(stdout)) {
         throw new Error('Expected webpack to create a new chunk, but did not.');
       }
     })

tests/legacy-cli/e2e/tests/misc/lazy-module.ts

@@ -2,9 +2,19 @@ import {readdirSync} from 'fs';
 
 import {ng, silentNpm} from '../../utils/process';
 import {appendToFile, writeFile, prependToFile, replaceInFile} from '../../utils/fs';
+import {getGlobalVariable} from '../../utils/env';
 
 
 export default function() {
+  const argv = getGlobalVariable('argv');
+  const ivyProject = argv['ivy'];
+  const lazyImport = ivyProject ? `() => import('src/app/lazy/lazy.module').then(m => m.LazyModule)`
+    : `'src/app/lazy/lazy.module#LazyModule'`;
+  const lazyImport1 = ivyProject ? `() => import('./lazy/lazy.module').then(m => m.LazyModule)`
+    : `'./lazy/lazy.module#LazyModule'`;
+  const lazyImport2 = ivyProject ? `() => import('./too/lazy/lazy.module').then(m => m.LazyModule)`
+    : `'./too/lazy/lazy.module#LazyModule'`;
+
   let oldNumberOfFiles = 0;
   return Promise.resolve()
     .then(() => ng('build'))
@@ -15,9 +25,9 @@ export default function() {
       import { RouterModule } from '@angular/router';
     `))
     .then(() => replaceInFile('src/app/app.module.ts', 'imports: [', `imports: [
-      RouterModule.forRoot([{ path: "lazy", loadChildren: "src/app/lazy/lazy.module#LazyModule" }]),
-      RouterModule.forRoot([{ path: "lazy1", loadChildren: "./lazy/lazy.module#LazyModule" }]),
-      RouterModule.forRoot([{ path: "lazy2", loadChildren: "./too/lazy/lazy.module#LazyModule" }]),
+      RouterModule.forRoot([{ path: "lazy", loadChildren: ${lazyImport} }]),
+      RouterModule.forRoot([{ path: "lazy1", loadChildren: ${lazyImport1} }]),
+      RouterModule.forRoot([{ path: "lazy2", loadChildren: ${lazyImport2} }]),
     `))
     .then(() => ng('build', '--named-chunks'))
     .then(() => readdirSync('dist/test-project'))
@@ -28,11 +38,14 @@ export default function() {
       }
       oldNumberOfFiles = currentNumberOfDistFiles;
 
-      if (!distFiles.includes('lazy-lazy-module.js')) {
-        throw new Error('The lazy module chunk did not have a name.');
-      }
-      if (!distFiles.includes('too-lazy-lazy-module.js')) {
-        throw new Error('The lazy module chunk did not use a unique name.');
+      // Named lazy route chunks are not available with Ivy.
+      if (!ivyProject) {
+        if (!distFiles.includes('lazy-lazy-module.js')) {
+          throw new Error('The lazy module chunk did not have a name.');
+        }
+        if (!distFiles.includes('too-lazy-lazy-module.js')) {
+          throw new Error('The lazy module chunk did not use a unique name.');
+        }
       }
     })
     // verify System.import still works