build: update linker integration test to work with Angular v13

Updates the linker integration test to no logner use deep imports
into the stict ESM package of `@angular/compiler-cli`. The linker
integration test tooling is now using ESM as well; in order to
be able to import into the compiler-cli.

Author: devversion

integration/BUILD.bazel

@@ -6,5 +6,5 @@ package(default_visibility = ["//visibility:public"])
 # available in the runfiles of an action.
 js_library(
     name = "npm-packages-from-runfiles",
-    srcs = ["npm-packages-from-runfiles.js"],
+    srcs = ["npm-packages-from-runfiles.mjs"],
 )

integration/linker/BUILD.bazel

@@ -5,6 +5,7 @@ load("@build_bazel_rules_nodejs//:index.bzl", "nodejs_test")
 nodejs_test(
     name = "linker",
     data = [
+        "link-packages-test.mjs",
         "//integration:npm-packages-from-runfiles",
         "//src/cdk:npm_package",
         "//src/cdk-experimental:npm_package",
@@ -18,6 +19,6 @@ nodejs_test(
         "@npm//chalk",
         "@npm//glob",
     ],
-    entry_point = "link-packages-test.js",
+    entry_point = "link-packages-test.mjs",
     tags = ["partial-compilation-integration"],
 )

integration/linker/link-packages-test.js renamed to integration/linker/link-packages-test.mjs

@@ -3,16 +3,15 @@
  * declarations to the corresponding definitions.
  */
 
-const {NodeJSFileSystem} = require('@angular/compiler-cli/src/ngtsc/file_system');
-const {ConsoleLogger, LogLevel} = require('@angular/compiler-cli/src/ngtsc/logging');
-const {createEs2015LinkerPlugin} = require('@angular/compiler-cli/linker/babel');
-const {getNpmPackagesFromRunfiles} = require('../npm-packages-from-runfiles');
-const {readFileSync} = require('fs');
-const {join} = require('path');
-const babel = require('@babel/core');
-const {default: traverse} = require('@babel/traverse');
-const glob = require('glob');
-const chalk = require('chalk');
+import {createEs2015LinkerPlugin} from '@angular/compiler-cli/linker/babel';
+import {NodeJSFileSystem, ConsoleLogger, LogLevel} from '@angular/compiler-cli';
+import {getNpmPackagesFromRunfiles} from '../npm-packages-from-runfiles.mjs';
+import fs from 'fs';
+import path from 'path';
+import babel from '@babel/core';
+import traverse from '@babel/traverse';
+import glob from 'glob';
+import chalk from 'chalk';
 
 /** File system used by the Angular linker plugin. */
 const fileSystem = new NodeJSFileSystem();
@@ -65,9 +64,9 @@ function testPackage(pkg) {
   // Iterate through each entry point and confirm that all partial declarations can be linked
   // to their corresponding Angular definitions without errors.
   for (const fesmFileName of entryPointFesmFiles) {
-    const diskFilePath = join(pkg.pkgPath, fesmFileName);
-    const debugFileName = join(pkg.name, fesmFileName);
-    const fileContent = readFileSync(diskFilePath, 'utf8');
+    const diskFilePath = path.join(pkg.pkgPath, fesmFileName);
+    const debugFileName = path.join(pkg.name, fesmFileName);
+    const fileContent = fs.readFileSync(diskFilePath, 'utf8');
     const linkerPlugin = createEs2015LinkerPlugin({fileSystem, logger});
 
     // Babel throws errors if the transformation fails. We catch these so that we

integration/npm-packages-from-runfiles.js renamed to integration/npm-packages-from-runfiles.mjs

@@ -3,8 +3,8 @@
  * integration tests.
  */
 
-const {relative, sep, join} = require('path');
-const {readdirSync, readFileSync, existsSync} = require('fs');
+import path from 'path';
+import fs from 'fs';
 
 /**
  * Gets all built Angular NPM package artifacts by querying the Bazel runfiles.
@@ -13,24 +13,24 @@ const {readdirSync, readFileSync, existsSync} = require('fs');
  * within the real filesystem.
  * TODO: Simplify if Bazel on Windows uses runfile symlinking.
  */
-exports.getNpmPackagesFromRunfiles = function() {
+export function getNpmPackagesFromRunfiles() {
   // Path to the Bazel runfiles manifest if present. This file is present if runfiles are
   // not symlinked into the runfiles directory.
   const runfilesManifestPath = process.env.RUNFILES_MANIFEST_FILE;
   const workspacePath = 'angular_material/src';
   if (!runfilesManifestPath) {
-    const packageRunfilesDir = join(process.env.RUNFILES, workspacePath);
-    return readdirSync(packageRunfilesDir)
-      .map(name => ({name, pkgPath: join(packageRunfilesDir, name, 'npm_package/')}))
-      .filter(({pkgPath}) => existsSync(pkgPath));
+    const packageRunfilesDir = path.join(process.env.RUNFILES, workspacePath);
+    return fs.readdirSync(packageRunfilesDir)
+      .map(name => ({name, pkgPath: path.join(packageRunfilesDir, name, 'npm_package/')}))
+      .filter(({pkgPath}) => fs.existsSync(pkgPath));
   }
   const workspaceManifestPathRegex = new RegExp(`^${workspacePath}/[\\w-]+/npm_package$`);
-  return readFileSync(runfilesManifestPath, 'utf8')
+  return fs.readFileSync(runfilesManifestPath, 'utf8')
     .split('\n')
     .map(mapping => mapping.split(' '))
     .filter(([runfilePath]) => runfilePath.match(workspaceManifestPathRegex))
     .map(([runfilePath, realPath]) => ({
-      name: relative(workspacePath, runfilePath).split(sep)[0],
+      name: path.relative(workspacePath, runfilePath).split(path.sep)[0],
       pkgPath: realPath,
     }));
 }