test: setup integration test for running ng add

Sets up the integration test for running `ng add` to run
with Bazel. The test is also run with NodeJS v12 which does
not support ES2020 output.

Author: devversion

.bazelignore

@@ -2,3 +2,6 @@ node_modules
 
 integration/ng-update-v13/.angular
 integration/ng-update-v13/node_modules
+
+integration/ng-add/.angular
+integration/ng-add/node_modules

integration/ng-add/BUILD.bazel

@@ -0,0 +1,61 @@
+load("@bazel_skylib//lib:dicts.bzl", "dicts")
+load("//tools:integration.bzl", "CLI_PROJECT_MAPPINGS")
+load("//tools:defaults.bzl", "node_integration_test")
+
+npmPackageMappings = dicts.add(
+    CLI_PROJECT_MAPPINGS,
+    {
+        "//src/cdk:npm_package_archive": "@angular/cdk",
+        "//src/material:npm_package_archive": "@angular/material",
+    },
+)
+
+node_integration_test(
+    name = "test",
+    srcs = glob(["**/*"]),
+    commands = [
+        # Note: We use a cache folder within the integration test as otherwise
+        # the NPM package mapped archive would be cached in the system.
+        # See: https://github.com/yarnpkg/yarn/issues/2165.
+        # TODO(devversion): determine if a solution/workaround could live in the test runner.
+        "yarn install --cache-folder .yarn_cache_folder/",
+        "yarn ng add @angular/material",
+        "yarn test",
+    ],
+    npm_packages = npmPackageMappings,
+    tags = [
+        # Chromium cannot run in Sandbox. For this test, sandbox is disabled.
+        # Additionally, we need to disable RBE as this test relies on internet
+        # access for installing the NPM packages.
+        "no-sandbox",
+        "no-remote-exec",
+    ],
+)
+
+node_integration_test(
+    name = "test_node12",
+    srcs = glob(["**/*"]),
+    commands = [
+        # Note: We use a cache folder within the integration test as otherwise
+        # the NPM package mapped archive would be cached in the system.
+        # See: https://github.com/yarnpkg/yarn/issues/2165.
+        # TODO(devversion): determine if a solution/workaround could live in the test runner.
+        "yarn install --cache-folder .yarn_cache_folder/",
+        "node --version",
+        "yarn node --version",
+        "yarn ng add @angular/material",
+        "yarn test",
+    ],
+    npm_packages = npmPackageMappings,
+    tags = [
+        # Chromium cannot run in Sandbox. For this test, sandbox is disabled.
+        # Additionally, we need to disable RBE as this test relies on internet
+        # access for installing the NPM packages.
+        "no-sandbox",
+        "no-remote-exec",
+    ],
+    tool_mappings = {
+        "@node12_host//:yarn_bin": "yarn",
+        "@node12_host//:node_bin": "node",
+    },
+)

integration/ng-add/karma.conf.js

@@ -1,6 +1,11 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
+// This code runs within Bazel where the environment does not have access to
+// the system Chrome browser. To workaround this we use Puppeteer to provide
+// a local version of Chromium that can run within Bazel.
+process.env.CHROME_BIN = require('puppeteer').executablePath();
+
 module.exports = function (config) {
   config.set({
     basePath: '',