Feature/ng libs helper (#14)

* Changed lib scripts to an external npm package

* Renamed component model to library model

* Updated karma conf to hopefully fix build for #13

* Removed double ampersand from package script

* forgot the name

* Fixed failingmock-api test

* fix prod build issue

* Added build libs to github pipeline

* Fixed stupid tsconfig path mixup - dooohhh

* Reverted build_libs from pipeline as it needs to update the paths to work with linux

Author: rogue-elephant

angular.json

@@ -25,11 +25,11 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome'],
+    browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
     restartOnFileChange: true,
     customLaunchers: {
-      ChromeHeadlessCustom: {
+      ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         flags: ['--no-sandbox', '--disable-gpu']
       }

build-scripts/library-scripts.js

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://raw.githubusercontent.com/chapi-chapi/ng-libs-helper/master/config.schema.json",
+  "scopeName": "@chapichapi",
+  "libraryNamePrefix": "ngx-",
+  "isPublicScope": true,
+  "karmaConfigPath": "./karma.conf.js"
+}

karma.conf.js

@@ -7,20 +7,19 @@
     "start:mock": "ng serve --configuration=mock",
     "ng": "ng",
     "clean": "rimraf ./dist",
-    "libs:serve": "node -e \"require('./build-scripts/library-scripts').buildAndServe()\"",
-    "libs:add": "node -e \"require('./build-scripts/library-scripts').add()\"",
-    "libs:remove": "node -e \"require('./build-scripts/library-scripts').remove()\"",
-    "libs:build": "node -e \"require('./build-scripts/library-scripts').build()\"",
-    "libs:build:watch": "node -e \"require('./build-scripts/library-scripts').build(true)\"",
-    "start": "node -e \"require('./build-scripts/library-scripts').buildAndServe()\"",
-    "libs:tidyAngularJson": "node -e \"require('./build-scripts/library-scripts').tidyAngularJson()\"",
+    "add_libs": "chapichapi-ng-libs add",
+    "remove_libs": "chapichapi-ng-libs remove",
+    "build_libs": "chapichapi-ng-libs build",
+    "configs_libs": "chapichapi-ng-libs configs",
+    "serve_libs": "chapichapi-ng-libs serve",
+    "start": "npm run serve_libs",
     "build": "ng build",
     "build:prod": "ng build --prod",
-    "test": "ng test --watch=false --browsers=ChromeHeadlessCustom",
+    "test": "ng test --watch=false --browsers=ChromeHeadlessNoSandbox",
     "test:watch": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
-    "build:ci": "npm run clean && npm run test && npm run build:prod",
+    "build:ci": "npm run clean && npm install && npm rebuild && npm run test && npm run build:prod",
     "deploy:github-pages": "ng deploy --base-href=/angular-component-library/ --name=\"rogue-elephant\" [email protected]",
     "start:proxy:mock:server": "concurrently --kill-others \"npm run mock:server\" \"npm run start:proxy\""
   },
@@ -50,6 +49,7 @@
     "@angular/cli": "~9.0.3",
     "@angular/compiler-cli": "~9.0.2",
     "@angular/language-service": "~9.0.2",
+    "@chapichapi/ngx-libs-helper": "0.0.8",
     "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",

libs.config.json

@@ -1,16 +1,54 @@
-import { TestBed } from '@angular/core/testing';
+import { TestBed, inject } from "@angular/core/testing";
+import {
+  HttpClientTestingModule,
+  HttpTestingController,
+} from "@angular/common/http/testing";
+import { HTTP_INTERCEPTORS, HttpClient } from "@angular/common/http";
+import { MockApiInterceptor } from "./mock-api.interceptor";
+import { MockApiModule } from "../mock-api.module";
+import { IMockInterceptorData } from "../models/IMockInterceptorData";
 
-import { MockApiInterceptor } from './mock-api.interceptor';
+const mockData = {
+  fieldA: "Fish",
+  fieldB: "Chips",
+};
+const mockURL = "/api/fishandchipsservice";
+const mockApi: IMockInterceptorData[] = [
+  {
+    url: mockURL,
+    httpVerb: "GET",
+    data: mockData,
+  },
+];
 
-describe('MockApiInterceptor', () => {
-  beforeEach(() => TestBed.configureTestingModule({
-    providers: [
-      MockApiInterceptor
-      ]
-  }));
+describe("MockApiInterceptor", () => {
+  beforeEach(() =>
+    TestBed.configureTestingModule({
+      imports: [HttpClientTestingModule, MockApiModule.forRoot(mockApi)],
+      providers: [
+        {
+          provide: HTTP_INTERCEPTORS,
+          useClass: MockApiInterceptor,
+          multi: true,
+        },
+      ],
+    })
+  );
+
+  describe("intercept HTTP GET requests", () => {
+    it("should add Mock Data", inject(
+      [HttpClient, HttpTestingController],
+      (http: HttpClient, mock: HttpTestingController) => {
+        http.get("/api/fishandchipsservice").subscribe((response) => {
+          expect(response).toBeTruthy();
+          expect(response).toEqual(mockData);
+        });
+        mock.verify();
+      }
+    ));
+  });
 
-  // it('should be created', () => {
-  //   const interceptor: MockApiInterceptor = TestBed.inject(MockApiInterceptor);
-  //   expect(interceptor).toBeTruthy();
-  // });
+  afterEach(inject([HttpTestingController], (mock: HttpTestingController) => {
+    mock.verify();
+  }));
 });