ci: add server tests

Author: alan-agius4

.circleci/config.yml

@@ -148,7 +148,7 @@ jobs:
       - *restore_cache
       - *attach_release_output
 
-      - run: yarn gulp ci:ssr
+      - run: yarn test:ssr
 
   # -------------------------------------------------------------------------
   # Job that pre-render's the universal app with `@angular/platform-server`.
@@ -191,6 +191,7 @@ jobs:
       - *checkout_code
       - *attach_release_output
       - yarn stamp
+
       # CircleCI has a config setting to enforce SSH for all github connections.
       # This is not compatible with our mechanism of using a Personal Access Token
       # to publish the build snapshots. In order to fix this, we unset the global option.
@@ -222,6 +223,9 @@ workflows:
       - tests_saucelabs:
           requires:
             - build
+      - tests_ssr:
+          requires:
+            - build
       - integration_tests:
           requires:
             - build

.gitignore

@@ -36,3 +36,4 @@ src/apps/hello-world/package-lock.json
 src/apps/hello-world/yarn.lock
 yarn-error.log
 .angular/cache
+out-tsc

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects/apps",
   "projects": {
-    "@libs/flex-layout": {
+    "@angular/flex-layout": {
       "projectType": "library",
       "root": "projects/libs/flex-layout",
       "sourceRoot": "projects/libs/flex-layout",
@@ -239,5 +239,5 @@
       }
     }
   },
-  "defaultProject": "@libs/flex-layout"
+  "defaultProject": "@angular/flex-layout"
 }

package.json

@@ -21,6 +21,7 @@
     "stamp": "ts-node tools/package-tools/version-placeholders.ts --module=commonjs",
     "build:universal-demo-app": "ng run universal-demo-app:build:production && ng run universal-demo-app:server",
     "test": "ng test",
+    "test:ssr": "webpack --config test/webpack-spec-ssr-bundle.js && jasmine --config=test/jasmine-ssr.json",
     "lint": "stylelint projects/libs/**/*.scss --config=stylelint-config.json && tslint --project ./tsconfig.json --config tslint.json"
   },
   "private": true,
@@ -48,6 +49,7 @@
     "@angular/cdk": "^13.0.2",
     "@angular/cli": "~13.0.0",
     "@angular/compiler-cli": "~13.0.0",
+    "@ngtools/webpack": "^13.0.3",
     "@types/jasmine": "~3.10.0",
     "@types/minimatch": "^3.0.5",
     "@types/node": "^12.11.1",
@@ -68,6 +70,8 @@
     "stylelint": "^14.1.0",
     "ts-node": "^10.4.0",
     "tslint": "^6.1.3",
-    "typescript": "~4.4.3"
+    "typescript": "~4.4.3",
+    "webpack": "^5.64.1",
+    "webpack-cli": "^4.9.1"
   }
 }

projects/libs/flex-layout/test.ssr.ts

@@ -0,0 +1,28 @@
+import 'zone.js';
+import 'zone.js/testing';
+import 'zone.js/node';
+
+import { getTestBed } from '@angular/core/testing';
+import {
+  ServerTestingModule,
+  platformServerTesting,
+} from '@angular/platform-server/testing';
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(ServerTestingModule, platformServerTesting());
+
+declare const require: {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

projects/libs/flex-layout/tsconfig.spec.ssr.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "test.ssr.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

scripts/circleci/run-browserstack-tests.sh

@@ -19,7 +19,7 @@ export BROWSER_STACK_ACCESS_KEY=`echo ${BROWSER_STACK_ACCESS_KEY} | rev`
 export TEST_PLATFORM="browserstack"
 
 # Run the unit tests on Browserstack with Karma.
-yarn ng test @libs/flex-layout
+yarn ng test @angular/flex-layout
 
 # Kill the Browserstack tunnel. This is necessary in order to avoid rate-limit
 # errors that cause the unit tests to be flaky.

scripts/circleci/run-local-browser-tests.sh

@@ -12,4 +12,4 @@ cd $(dirname ${0})/../..
 export TEST_PLATFORM="local"
 
 # Run the unit tests on the local browsers with Karma.
-yarn ng test @libs/flex-layout
+yarn ng test @angular/flex-layout

scripts/circleci/run-saucelabs-tests.sh

@@ -19,7 +19,7 @@ export SAUCE_ACCESS_KEY=`echo ${SAUCE_ACCESS_KEY} | rev`
 export TEST_PLATFORM="saucelabs"
 
 # Run the unit tests on Saucelabs with Karma.
-yarn ng test @libs/flex-layout
+yarn ng test @angular/flex-layout
 
 # Kill the Saucelabs tunnel. This is necessary in order to avoid rate-limit
 # errors that cause the unit tests to be flaky.

test/jasmine-ssr.json

@@ -1,7 +1,5 @@
 {
-  "spec_dir": "dist/packages/flex-layout",
-  "spec_files": [
-    "**/*.spec.js"
-  ],
-  "random": true
+  "spec_dir": "dist/spec/flex-layout",
+  "spec_files": ["**/*.js"],
+  "random": false
 }