fix cypress stuck after test finished, code coverage pipeline

.github/workflows/build-deploy.yml

@@ -20,6 +20,9 @@ jobs:
           key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
           restore-keys: |
             ${{ runner.os }}-node-
+      - name: Install Angular CLI globally
+        run: |
+          npm install -g @angular/cli
       - name: Install npm dependencies
         run: |
           npm install

.github/workflows/coverage.yml

@@ -23,6 +23,10 @@ jobs:
         run: |
           npm install
 
+      - name: Install Angular CLI globally
+        run: |
+          npm install -g @angular/cli
+
       - name: Checkout repository
         uses: actions/checkout@v2
         with:
@@ -39,11 +43,11 @@ jobs:
       - name: Run unit tests
         run: npm run test:coverage
 
-      - name: Run Cypress tests
+      - name: Run Cypress tests //bug-https://github.com/cypress-io/cypress/issues/23026
         run: npm run e2e:ci
 
       - name: Convert test results
-        run: npx nyc report --reporter=lcov
+        run: npx nyc report --reporter=json
 
       - name: Upload coverage to Codecov
         uses: codecov/codecov-action@v1

.gitignore

@@ -2,7 +2,7 @@
 .editorconfig
 
 .version
-
+.angular
 # compiled output
 /dist
 /tmp

.vscode/extensions.json

@@ -1,9 +1,13 @@
 {
   "recommendations": [
     "angular.ng-template",
+    "bradlc.vscode-tailwindcss", // tailwind auto suggestions
+    "esbenp.prettier-vscode", //pretifier
+    "mike-co.import-sorter", //sorts imports
+    "johnpapa.Angular2", //angular snippets
+    "formulahendry.auto-rename-tag", //auto renames tags
     "dbaeumer.vscode-eslint",
     "josefbiehler.cypress-fixture-intellisense",
-    "esbenp.prettier-vscode",
     "ms-vscode.test-adapter-converter",
     "ghaschel.vscode-angular-html",
     "connorshea.vscode-test-explorer-status-bar"

angular.json

@@ -94,9 +94,8 @@
         "test": {
           "builder": "@angular-builders/jest:run",
           "options": {
-            "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
-            "inlineStyleLanguage": "scss",
+            "inlineStyleLanguage": ["scss"],
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles.scss"],
             "scripts": []
@@ -109,7 +108,7 @@
           }
         },
         "cypress-run": {
-          "builder": "@briebug/cypress-schematic:cypress",
+          "builder": "@cypress/schematic:cypress",
           "options": {
             "devServerTarget": "ng-new-app:serve"
           },
@@ -120,7 +119,7 @@
           }
         },
         "cypress-open": {
-          "builder": "@briebug/cypress-schematic:cypress",
+          "builder": "@cypress/schematic:cypress",
           "options": {
             "devServerTarget": "ng-new-app:serve",
             "watch": true,
@@ -133,7 +132,7 @@
           }
         },
         "e2e": {
-          "builder": "@briebug/cypress-schematic:cypress",
+          "builder": "@cypress/schematic:cypress",
           "options": {
             "devServerTarget": "ng-new-app:serve",
             "watch": true,

bin/generate-app.js

@@ -16,6 +16,8 @@ const currentPath = process.cwd();
 const projectPath = path.join(currentPath, projectName);
 const git_repo = 'https://github.com/sardapv/angular-material-starter-template.git';
 const features = [
+  'New Version Updatee: Now Supports, Angular, Tailwind, Jest, Cypress @ Latest',
+  '-------------------------------------------------------',
   'Scalable Project Structure, annotations configured, Global style.scss configured',
   'Angular Material Component, Icons, Typography & CDK integrated (just change _variables and colors)',
   'Utility first Tailwind CSS, some of the custom configuration added',
@@ -99,7 +101,7 @@ async function main() {
     console.log('\x1b[34m', `   1. cd ${projectName}`);
     console.log(`    2. search and replace 'ng-new-app' in all files with your app-name using editor ⚠️`);
     console.log(`    3. Edit package.json and change starting details like author, description, git url, etc.`);
-    console.log(`    4. If API calls supported, configure baseurl inenvironment*.ts files (don't end with /)`);
+    console.log(`    4. If API calls supported, configure baseurl in environment*.ts files (don't end with /)`);
     console.log('    5. Run npm start', '\x1b[0m');
     console.log();
     console.log('step 4/4 ⏳');

cypress.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4200',
+  },
+});

jest.config.js

@@ -1,4 +1,3 @@
-require('jest-preset-angular/ngcc-jest-processor');
 module.exports = {
   moduleNameMapper: {
     '@core/(.*)': '<rootDir>/src/app/core/$1',
@@ -8,7 +7,9 @@ module.exports = {
   preset: 'jest-preset-angular',
   setupFilesAfterEnv: ['./setup-jest.ts'],
   collectCoverage: true,
-  coverageReporters: ['lcov'],
+  coverageReporters: ['text', 'lcov'],
   coverageDirectory: './coverage/jest',
   collectCoverageFrom: ['**/*.ts'],
+  globalSetup: 'jest-preset-angular/global-setup',
+  testPathIgnorePattern: ['src/environments'],
 };