chore: migrate to NX

Author: timdeschryver

.circleci/config.yml

@@ -17,7 +17,7 @@ jobs:
           key: *cache_key
       - run:
           name: install-dependencies
-          command: yarn --frozen-lockfile
+          command: yarn --frozen-lockfile --non-interactive
       - save_cache:
           key: *cache_key
           paths:
@@ -31,19 +31,9 @@ jobs:
           key: *cache_key
       - run:
           name: lint
-          command: yarn lint
+          command: yarn affected:lint
 
-  test-lib:
-    <<: *job_defaults
-    steps:
-      - checkout
-      - restore_cache:
-          key: *cache_key
-      - run:
-          name: test
-          command: yarn test --maxWorkers=1 --ci
-
-  build-lib:
+  build:
     <<: *job_defaults
     steps:
       - checkout
@@ -56,18 +46,18 @@ jobs:
           key: *dist_key
           paths:
             - dist
+      - store_artifacts:
+          path: dist
 
-  test-app:
+  test:
     <<: *job_defaults
     steps:
       - checkout
       - restore_cache:
           key: *cache_key
-      - restore_cache:
-          key: *dist_key
       - run:
           name: test
-          command: yarn test:app --maxWorkers=1 --ci
+          command: yarn affected:test --ci --code-coverage
 
   release:
     <<: *job_defaults
@@ -101,26 +91,22 @@ workflows:
       - lint:
           requires:
             - install
-      - test-lib:
-          requires:
-            - install
-      - build-lib:
+      - build:
           requires:
             - lint
-            - test-lib
-      - test-app:
+      - test:
           requires:
-            - build-lib
+            - build
       - release:
           requires:
-            - test-app
+            - test
           filters:
             branches:
               only:
                 - master
       - release-beta:
           requires:
-            - test-app
+            - test
           filters:
             branches:
               only:

angular.json

@@ -1,9 +1,9 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
-  "newProjectRoot": "projects",
+  "newProjectRoot": "",
   "projects": {
-    "testing-library-app": {
+    "example-app": {
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
@@ -14,13 +14,13 @@
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "aot": true,
-            "outputPath": "dist/testing-library-app",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.css"],
+            "outputPath": "dist/apps/example-app",
+            "index": "apps/example-app/index.html",
+            "main": "apps/example-app/main.ts",
+            "polyfills": "apps/example-app/polyfills.ts",
+            "tsConfig": "apps/example-app/tsconfig.json",
+            "assets": ["apps/example-app/favicon.ico", "apps/example-app/assets"],
+            "styles": ["apps/example-app/styles.css"],
             "scripts": []
           },
           "configurations": {
@@ -33,8 +33,8 @@
               ],
               "fileReplacements": [
                 {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
+                  "replace": "apps/example-app/environments/environment.ts",
+                  "with": "apps/example-app/environments/environment.prod.ts"
                 }
               ],
               "optimization": true,
@@ -69,9 +69,17 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": ["src/tsconfig.app.json", "./tsconfig.spec.json"],
+            "tsConfig": ["apps/example-app/tsconfig.json", "apps/example-app/tsconfig.spec.json"],
             "exclude": ["**/node_modules/**"]
           }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "apps/example-app/jest.config.js",
+            "tsConfig": "apps/example-app/tsconfig.spec.json",
+            "setupFile": "apps/example-app/setup-jest.ts"
+          }
         }
       }
     },
@@ -89,17 +97,45 @@
           },
           "configurations": {
             "production": {
-              "project": "projects/testing-library/ng-package.prod.json",
-              "tsConfig": "projects/testing-library/tsconfig.lib.prod.json"
+              "project": "projects/testing-library/ng-package.json",
+              "tsConfig": "projects/testing-library/tsconfig.lib.json"
             }
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": ["projects/testing-library/tsconfig.lib.json", "./tsconfig.spec.json"],
+            "tsConfig": ["projects/testing-library/tsconfig.lib.json", "projects/testing-library/tsconfig.spec.json"],
             "exclude": ["**/node_modules/**"]
           }
+        },
+        "build-release": {
+          "builder": "@nrwl/workspace:run-commands",
+          "options": {
+            "parallel": false,
+            "commands": [
+              {
+                "command": "ng build testing-library"
+              },
+              {
+                "command": "tsc -p ./projects/testing-library/migrations/tsconfig.migrations.json"
+              },
+              {
+                "command": "cpy ./projects/testing-library/migrations/migration.json ./dist/@testing-library/angular/migrations"
+              },
+              {
+                "command": "cpy ./README.md ./dist/@testing-library/angular"
+              }
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "projects/testing-library/jest.config.js",
+            "tsConfig": "projects/testing-library/tsconfig.spec.json",
+            "setupFile": "projects/testing-library/setup-jest.ts"
+          }
         }
       }
     },
@@ -117,17 +153,36 @@
           },
           "configurations": {
             "production": {
-              "project": "projects/jest-utils/ng-package.prod.json",
-              "tsConfig": "projects/jest-utils/tsconfig.lib.prod.json"
+              "project": "projects/jest-utils/ng-package.json",
+              "tsConfig": "projects/jest-utils/tsconfig.lib.json"
             }
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": ["projects/jest-utils/tsconfig.lib.json", "./tsconfig.spec.json"],
+            "tsConfig": ["projects/jest-utils/tsconfig.lib.json", "projects/jest-utils/tsconfig.spec.json"],
             "exclude": ["**/node_modules/**"]
           }
+        },
+        "build-release": {
+          "builder": "@nrwl/workspace:run-commands",
+          "options": {
+            "parallel": false,
+            "commands": [
+              {
+                "command": "ng build jest-utils"
+              }
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "projects/jest-utils/jest.config.js",
+            "tsConfig": "projects/jest-utils/tsconfig.spec.json",
+            "setupFile": "projects/jest-utils/setup-jest.ts"
+          }
         }
       }
     }

src/app/app-routing.module.ts renamed to apps/example-app/app/app-routing.module.ts

@@ -0,0 +1,119 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for app/examples/00-single-component.ts</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">app/examples</a> 00-single-component.ts</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>5/5</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/0</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>3/3</span>
+            </div>
+        
+            
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+    </div>
+    <div class='status-line high'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Component } from '@angular/core';
+&nbsp;
+@Component({
+  selector: 'app-fixture',
+  template: `
+    &lt;button (click)="value = value - 1"&gt;Decrement&lt;/button&gt;
+    &lt;span data-testid="value"&gt;{{ value }}&lt;/span&gt;
+    &lt;button (click)="value = value + 1"&gt;Increment&lt;/button&gt;
+  `,
+})
+export class SingleComponent {
+  value = 0;
+}
+&nbsp;</pre></td></tr></table></pre>
+
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
+                at Thu Jun 25 2020 18:14:22 GMT+0200 (Central European Summer Time)
+            </div>
+        </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>
+