build(bazel): fine-grained npm deps and idiomatic install of @angular/bazel (#26607)

PR Close #26607

packages/bazel/test/protractor/BUILD.bazel

@@ -1,11 +1,15 @@
 load("//packages/bazel:index.bzl", "protractor_web_test_suite")
-load("@build_bazel_rules_typescript//:defs.bzl", "ts_library")
+load("//tools:defaults.bzl", "ts_library")
 
 ts_library(
     name = "ts_spec",
     testonly = True,
     srcs = ["test.spec.ts"],
     tsconfig = ":tsconfig.json",
+    deps = [
+        "@ngdeps//@types/selenium-webdriver",
+        "@ngdeps//protractor",
+    ],
 )
 
 ts_library(
@@ -13,12 +17,18 @@ ts_library(
     testonly = True,
     srcs = ["conf.ts"],
     tsconfig = ":tsconfig.json",
-    deps = ["//packages/bazel/src/protractor/utils"],
+    deps = [
+        "//packages/bazel/src/protractor/utils",
+        "@ngdeps//protractor",
+    ],
 )
 
 protractor_web_test_suite(
     name = "test",
     configuration = ":ts_conf",
     data = ["//packages/bazel/src/protractor/utils"],
-    deps = [":ts_spec"],
+    deps = [
+        ":ts_spec",
+        "@ngdeps//protractor",
+    ],
 )

packages/bazel/test/protractor/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
-    "lib": ["es2015"]
+    "lib": ["es2015"],
+    "types": ["jasmine"]
   }
 }