@cyclonedx/cdxgen 12.4.2 → 12.4.4

package/lib/helpers/analyzer.poku.js

@@ -278,6 +278,347 @@ wasi.start(instance);
   });
 });
 
+describe("findJSImportsExports() Angular occurrence evidence", () => {
+  it("captures Angular workspace builder, polyfill, style, script, plugin, and schematic package references", async () => {
+    const projectDir = createProjectFiles("angular-workspace-evidence", {
+      "angular.json": JSON.stringify({
+        projects: {
+          app: {
+            architect: {
+              build: {
+                builder: "@angular-devkit/build-angular:application",
+                options: {
+                  polyfills: ["zone.js", "@angular/localize/init"],
+                  scripts: ["node_modules/jquery/dist/jquery.js"],
+                  styles: [
+                    "src/styles.scss",
+                    "node_modules/bootstrap/dist/css/bootstrap.css",
+                    {
+                      input:
+                        "node_modules/@fortawesome/fontawesome-free/css/all.css",
+                    },
+                  ],
+                },
+              },
+              serve: {
+                executor: "@nx/angular:dev-server",
+              },
+              test: {
+                builder: "@angular-devkit/build-angular:karma",
+              },
+              e2e: {
+                builder: "@angular-devkit/build-angular:protractor",
+              },
+              package: {
+                builder: "@angular-devkit/build-ng-packagr:build",
+              },
+              modernBuild: {
+                builder: "@angular/build:application",
+              },
+            },
+            schematics: {
+              "@schematics/angular:component": {
+                style: "scss",
+              },
+            },
+          },
+        },
+        plugins: ["@angular-eslint/builder"],
+      }),
+      "src/app/app.component.ts":
+        "import { Component } from '@angular/core';\n@Component({ template: '<router-outlet />' })\nexport class AppComponent {}\n",
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    for (const expectedPackage of [
+      "@angular-devkit/build-angular",
+      "@angular-eslint/builder",
+      "@angular/build",
+      "@angular/compiler-cli",
+      "@angular/localize",
+      "@fortawesome/fontawesome-free",
+      "@nx/angular",
+      "@schematics/angular",
+      "bootstrap",
+      "jquery",
+      "karma",
+      "ng-packagr",
+      "protractor",
+      "typescript",
+      "zone.js",
+    ]) {
+      assert.ok(
+        allImports[expectedPackage],
+        `expected ${expectedPackage} workspace evidence`,
+      );
+    }
+    assert.equal(allImports["src"], undefined);
+  });
+
+  it("captures Angular resource metadata and legacy external loadChildren strings", async () => {
+    const projectDir = createProjectFiles("angular-source-literal-evidence", {
+      "src/app/app.module.ts": `import { NgModule } from "@angular/core";
+import { RouterModule } from "@angular/router";
+
+@NgModule({
+  imports: [
+    RouterModule.forRoot([
+      { path: "legacy", loadChildren: "@acme/legacy-feature#LegacyFeatureModule" },
+      { path: "local", loadChildren: "./local/local.module#LocalModule" },
+    ]),
+  ],
+})
+export class AppModule {}
+`,
+      "src/app/app.component.ts": `import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-root",
+  templateUrl: "./app.component.html",
+  styleUrls: ["./app.component.scss"],
+})
+export class AppComponent {}
+`,
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    assert.ok(allImports["@acme/legacy-feature"]);
+    assert.ok(
+      Object.keys(allImports).some((importName) =>
+        normalizePathForAssertion(importName).endsWith(
+          "src/app/local/local.module",
+        ),
+      ),
+    );
+    assert.ok(
+      Object.keys(allImports).some((importName) =>
+        normalizePathForAssertion(importName).endsWith(
+          "src/app/app.component.html",
+        ),
+      ),
+    );
+    assert.ok(
+      Object.keys(allImports).some((importName) =>
+        normalizePathForAssertion(importName).endsWith(
+          "src/app/app.component.scss",
+        ),
+      ),
+    );
+  });
+
+  it("captures Angular package script and test config package evidence", async () => {
+    const projectDir = createProjectFiles("angular-script-config-evidence", {
+      "package.json": JSON.stringify({
+        scripts: {
+          start: "ng serve",
+          test: "ng test",
+          e2e: "ng e2e",
+          "ng-lint": "ng lint",
+          compile: "tsc -p tsconfig.json && ngc -p tsconfig.app.json",
+          lint: "tslint --project tslint.json",
+          analyze: "webpack-bundle-analyzer dist/stats.json",
+          docs: "typedoc src/public-api.ts",
+          clean: "rimraf dist",
+        },
+      }),
+      "src/app/app.component.ts":
+        "import { Component } from '@angular/core';\n@Component({ template: '<router-outlet />' })\nexport class AppComponent {}\n",
+      "karma.conf.js": [
+        "module.exports = function(config) {",
+        "config.set({",
+        "frameworks: ['jasmine', '@angular-devkit/build-angular'],",
+        "browsers: ['ChromeHeadless'],",
+        "reporters: ['progress', 'coverage-istanbul', 'html'],",
+        "plugins: [require('karma-jasmine'), require('karma-chrome-launcher')],",
+        "});",
+        "};",
+      ].join("\n"),
+      "protractor.conf.js": [
+        "require('ts-node/register');",
+        "exports.config = { framework: 'jasmine' };",
+      ].join("\n"),
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    for (const expectedPackage of [
+      "@angular/cli",
+      "@angular/compiler-cli",
+      "codelyzer",
+      "jasmine-core",
+      "jasminewd2",
+      "karma",
+      "karma-chrome-launcher",
+      "karma-coverage-istanbul-reporter",
+      "karma-jasmine",
+      "karma-jasmine-html-reporter",
+      "protractor",
+      "rimraf",
+      "ts-node",
+      "tslint",
+      "typedoc",
+      "typescript",
+      "webpack-bundle-analyzer",
+    ]) {
+      assert.ok(
+        allImports[expectedPackage],
+        `expected ${expectedPackage} script/config evidence`,
+      );
+    }
+  });
+
+  it("captures @angular/animations when platform-browser animations are imported", async () => {
+    const projectDir = createProjectFiles("angular-animations-evidence", {
+      "src/app/app.module.ts":
+        "import { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nvoid BrowserAnimationsModule;\n",
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    assert.ok(allImports["@angular/platform-browser/animations"]);
+    assert.ok(allImports["@angular/animations"]);
+  });
+
+  it("captures AngularFire and platform-browser-dynamic implied package evidence", async () => {
+    const projectDir = createProjectFiles("angular-import-implied-evidence", {
+      "src/app/app.module.ts": [
+        "import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';",
+        "import { AngularFireModule } from '@angular/fire';",
+        "import { AngularFirestoreModule } from '@angular/fire/firestore';",
+        "void platformBrowserDynamic;",
+        "void AngularFireModule;",
+        "void AngularFirestoreModule;",
+      ].join("\n"),
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    assert.ok(allImports["@angular/compiler"]);
+    assert.ok(allImports.firebase);
+  });
+
+  it("captures Angular tsconfig helper, type, and transformer package evidence", async () => {
+    const projectDir = createProjectFiles("angular-tsconfig-evidence", {
+      "src/app/app.component.ts":
+        "import { Component } from '@angular/core';\n@Component({ template: '<router-outlet />' })\nexport class AppComponent {}\n",
+      "tsconfig.json": JSON.stringify({
+        compilerOptions: {
+          importHelpers: true,
+          plugins: [{ transform: "ts-transformer-keys/transformer" }],
+          types: ["jasmine", "node"],
+        },
+      }),
+      "tsconfig.spec.json": [
+        "{",
+        "  // JSON with comments should still be parsed",
+        '  "compilerOptions": { "types": ["jasminewd2"] }',
+        "}",
+      ].join("\n"),
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    for (const expectedPackage of [
+      "@types/jasmine",
+      "@types/jasminewd2",
+      "@types/node",
+      "ts-transformer-keys",
+      "tslib",
+    ]) {
+      assert.ok(
+        allImports[expectedPackage],
+        `expected ${expectedPackage} tsconfig evidence`,
+      );
+    }
+  });
+
+  it("captures common Angular template selector package evidence", async () => {
+    const routerLinkAttr = "routerLink";
+    const ngIfAttr = "ngIf";
+    const formGroupAttr = "formGroup";
+    const formControlNameAttr = "formControlName";
+    const matButtonAttr = "mat-button";
+    const cdkDropListAttr = "cdkDropList";
+    const projectDir = createProjectFiles("angular-template-evidence", {
+      "src/app/app.component.ts":
+        "import { Component } from '@angular/core';\n@Component({ templateUrl: './app.component.html' })\nexport class AppComponent {}\n",
+      "src/app/app.component.html": [
+        "<router-outlet />",
+        `<a ${routerLinkAttr}="/home">Home</a>`,
+        [
+          "<section ",
+          "*",
+          ngIfAttr,
+          '="ready">{{ total | async }}</section>',
+        ].join(""),
+        [
+          "<form ",
+          "[",
+          formGroupAttr,
+          ']="profileForm"><input ',
+          formControlNameAttr,
+          '="name" /></form>',
+        ].join(""),
+        `<button ${matButtonAttr}>Save</button>`,
+        `<div ${cdkDropListAttr}></div>`,
+        "<ion-button>Open</ion-button>",
+        '<fa-icon [icon]="icon"></fa-icon>',
+        "<ag-grid-angular></ag-grid-angular>",
+        "<ng-select></ng-select>",
+        "<ngx-charts-bar-vertical></ngx-charts-bar-vertical>",
+      ].join("\n"),
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    for (const expectedPackage of [
+      "@angular/cdk",
+      "@angular/common",
+      "@angular/forms",
+      "@angular/material",
+      "@angular/router",
+      "@fortawesome/angular-fontawesome",
+      "@ionic/angular",
+      "@ng-select/ng-select",
+      "@swimlane/ngx-charts",
+      "ag-grid-angular",
+    ]) {
+      assert.ok(
+        allImports[expectedPackage],
+        `expected ${expectedPackage} template evidence`,
+      );
+      const occurrences = Array.from(allImports[expectedPackage]);
+      assert.ok(
+        occurrences.some((occurrence) =>
+          normalizePathForAssertion(occurrence.fileName).endsWith(
+            "src/app/app.component.html",
+          ),
+        ),
+      );
+    }
+  });
+
+  it("does not treat unrelated project.json files as Angular workspace evidence", async () => {
+    const projectDir = createProjectFiles("non-angular-project-json", {
+      "project.json": JSON.stringify({
+        targets: {
+          build: {
+            executor: "@nx/react:build",
+          },
+        },
+      }),
+      "src/index.ts": "import React from 'react';\nvoid React;\n",
+    });
+
+    const { allImports } = await findJSImportsExports(projectDir, false);
+
+    assert.ok(allImports.react);
+    assert.equal(allImports["@nx/react"], undefined);
+  });
+});
+
 describe("detectExtensionCapabilities()", () => {
   it("should detect extension capability signals from source usage", () => {
     const projectDir = createProject(