Test with an Angular workspace in the Angular smoke test. (#181)

Resolves #177. Test with an Angular workspace to validate that the style
guide configuration works with the workspace configuration, root
applications, libraries, language and parser options, ng lint, and the
standalone eslint command. This also validates the instructions provided
in the README. The original ignore custom attributes test has been
integrated into the root application component template. Additionally,
there is a root component test with HTML file and library component test
with inline template.

The workspace has been reduced to the necessities of a test which
satisfies the criteria.

- Test with an Angular workspace in the Angular smoke test.

Testing
- Verified that the automated tests pass (npm test)
  - ng lint
  - eslint
  - cd projects/angular-library && eslint .
- Manually verified that the application builds and starts

Author: TrevorKarjanis

package-lock.json

@@ -0,0 +1,3 @@
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
+/.angular
+/dist

tests/angular/.gitignore

@@ -1,5 +1,7 @@
 # Angular Smoke Test
 
-## Overview
+This package is a smoke test for using the Angular rules in an Angular workspace. See [CONTRIBUTING.md](../../CONTRIBUTING.md#smoke-tests) for more information on smoke tests.
 
-This package is a smoke test for using the Angular rules in a project. See [CONTRIBUTING.md](../../CONTRIBUTING.md#smoke-tests) for more information.
+## Testing
+
+- The `npm test` script runs the linter to test that the lint configuration functions correctly with `ng lint` and and also runs `ng test`.

tests/angular/README.md

@@ -0,0 +1,132 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular-test": {
+      "projectType": "application",
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/angular-test",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "tsconfig.app.json"
+          },
+          "configurations": {
+            "production": {
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "angular-test:build:production"
+            },
+            "development": {
+              "buildTarget": "angular-test:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "browsers": "ChromeHeadlessNoSandbox",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "watch": false
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.js",
+              "src/**/*.mjs",
+              "src/**/*.html"
+            ]
+          }
+        }
+      }
+    },
+    "angular-library": {
+      "projectType": "library",
+      "root": "projects/angular-library",
+      "sourceRoot": "projects/angular-library/src",
+      "prefix": "angular-lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/angular-library/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/angular-library/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/angular-library/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "browsers": "ChromeHeadlessNoSandbox",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "projects/angular-library/tsconfig.spec.json",
+            "watch": false
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "projects/angular-library/**/*.ts",
+              "projects/angular-library/**/*.js",
+              "projects/angular-library/**/*.mjs",
+              "projects/angular-library/**/*.html"
+            ],
+            "eslintConfig": "projects/angular-library/eslint.config.mjs"
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false,
+    "schematicCollections": [
+      "angular-eslint"
+    ]
+  }
+}

tests/angular/angular.json

@@ -0,0 +1,38 @@
+import { defineConfig, globalIgnores } from 'eslint/config';
+import { angularTypescriptConfig, angularTemplateConfig, ignoreAttributes } from '@ni/eslint-config-angular';
+import { javascriptConfig, importNodeEsmConfig } from '@ni/eslint-config-javascript';
+
+export default defineConfig([
+    globalIgnores(['projects']),
+    {
+        files: ['**/*.js', '**/*.mjs'],
+        extends: [javascriptConfig, importNodeEsmConfig]
+    }, {
+        files: ['**/*.ts'],
+        extends: angularTypescriptConfig,
+        languageOptions: {
+            parserOptions: {
+                project: ['tsconfig.app.json', 'tsconfig.spec.json', 'tsconfig.json']
+            }
+        },
+        rules: {
+            '@angular-eslint/component-selector': [
+                'error', { prefix: 'app', style: 'kebab-case', type: 'element' }
+            ]
+        }
+    }, {
+        files: ['**/*.spec.ts'],
+        rules: {
+            '@typescript-eslint/no-unsafe-call': 'off',
+            '@typescript-eslint/no-unsafe-member-access': 'off'
+        }
+    }, {
+        files: ['**/*.html'],
+        extends: angularTemplateConfig,
+        rules: {
+            '@angular-eslint/template/i18n': [
+                'error',
+                { checkId: false, ignoreAttributes: [...ignoreAttributes.all, 'custom-field'] }
+            ]
+        }
+    }]);