chore: move e2e tests into component source dirs (#16117)

* chore: move e2e tests into component source dirs

* move utils in e2e/ to src/e2e-app/

* move e2e tests to the component's src dir

* update owners and uses of gulp/bazel

* fix some targets I missed when renaming

* move e2e test utils under @angular/cdk/testing

* fix lint

Author: mmalerba

.circleci/config.yml

@@ -131,7 +131,7 @@ jobs:
       - *setup_bazel_remote_execution
 
       - run: bazel build src/... --build_tag_filters=-docs-package
-      - run: bazel test src/... --build_tag_filters=-docs-package
+      - run: bazel test src/... --build_tag_filters=-docs-package --test_tag_filters=-e2e
 
       # Note: We want to save the cache in this job because the workspace cache also
       # includes the Bazel repository cache that will be updated in this job.
@@ -168,7 +168,7 @@ jobs:
       - *copy_bazel_config
       - *setup_bazel_remote_execution
 
-      - run: bazel test e2e/...
+      - run: bazel test src/... --test_tag_filters=e2e
 
   # ------------------------------------------------------------------------------------------
   # Job that runs the unit tests on locally installed browsers (Chrome and Firefox headless).
@@ -376,7 +376,7 @@ jobs:
       - run: sed -i "s/\(_ENABLE_NG_TYPE_CHECKING = \)True/\1False/g" tools/defaults.bzl
       # Run project tests with ngtsc and the Ivy Angular packages.
       - run: bazel build src/... --build_tag_filters=-docs-package --define=compile=aot
-      - run: bazel test src/... --build_tag_filters=-docs-package --define=compile=aot
+      - run: bazel test src/... --build_tag_filters=-docs-package --define=compile=aot --test_tag_filters=-e2e
 
   # ----------------------------------------------------------------------------
   # Job that runs all Bazel tests against Ivy from angular/angular#master.
@@ -401,7 +401,7 @@ jobs:
       - run: sed -i "s/\(_ENABLE_NG_TYPE_CHECKING = \)True/\1False/g" tools/defaults.bzl
       # Run project tests with ngtsc and the Ivy Angular packages.
       - run: bazel build src/... --build_tag_filters=-docs-package --define=compile=aot
-      - run: bazel test src/... --build_tag_filters=-docs-package --define=compile=aot
+      - run: bazel test src/... --build_tag_filters=-docs-package --define=compile=aot --test_tag_filters=-e2e
 
 # ----------------------------------------------------------------------------------------
 # Workflow definitions. A workflow usually groups multiple jobs together. This is useful if

.github/CODEOWNERS

@@ -171,38 +171,6 @@
 /src/dev-app/virtual-scroll/**                     @mmalerba
 
 # E2E app
-/e2e/*                                             @jelbourn
-/e2e/components/block-scroll-strategy-e2e.spec.ts  @andrewseguin @crisbeto
-/e2e/components/button-e2e.spec.ts                 @jelbourn
-/e2e/components/button-toggle-e2e.spec.ts          @jelbourn
-/e2e/components/card-e2e.spec.ts                   @jelbourn
-/e2e/components/checkbox-e2e.spec.ts               @jelbourn @devversion
-/e2e/components/dialog-e2e.spec.ts                 @jelbourn @crisbeto
-/e2e/components/expansion-e2e.spec.ts              @josephperrott @jelbourn
-/e2e/components/grid-list-e2e.spec.ts              @jelbourn
-/e2e/components/icon-e2e.spec.ts                   @jelbourn
-/e2e/components/input-e2e.spec.ts                  @mmalerba
-/e2e/components/list-e2e.spec.ts                   @jelbourn @crisbeto @devversion
-/e2e/components/mdc-button-e2e.spec.ts             @andrewseguin
-# Note to implementer: please repossess
-/e2e/components/mdc-card-e2e.spec.ts               @mmalerba
-/e2e/components/mdc-checkbox-e2e.spec.ts           @mmalerba
-/e2e/components/mdc-chips-e2e.spec.ts              @mmalerba
-/e2e/components/mdc-menu-e2e.spec.ts               @crisbeto
-# Note to implementer: please repossess
-/e2e/components/mdc-radio-e2e.spec.ts              @mmalerba
-/e2e/components/mdc-slide-toggle-e2e.spec.ts       @crisbeto
-/e2e/components/menu-e2e.spec.ts                   @crisbeto
-/e2e/components/progress-bar-e2e.spec.ts           @jelbourn @crisbeto @josephperrott
-/e2e/components/progress-spinner-e2e.spec.ts       @jelbourn @crisbeto @josephperrott
-/e2e/components/radio-e2e.spec.ts                  @jelbourn @devversion
-/e2e/components/sidenav-e2e.spec.ts                @mmalerba
-/e2e/components/slide-toggle-e2e.spec.ts           @devversion
-/e2e/components/stepper-e2e.spec.ts                @mmalerba
-/e2e/components/tabs-e2e.spec.ts                   @andrewseguin
-/e2e/components/toolbar-e2e.spec.ts                @devversion
-/e2e/components/virtual-scroll-e2e.spec.ts         @mmalerba
-/e2e/util/**                                       @jelbourn
 /src/e2e-app/*                                     @jelbourn
 /src/e2e-app/block-scroll-strategy/**              @andrewseguin @crisbeto
 /src/e2e-app/button/**                             @jelbourn
@@ -234,6 +202,7 @@
 /src/e2e-app/slide-toggle/**                       @devversion
 /src/e2e-app/stepper/**                            @mmalerba
 /src/e2e-app/tabs/**                               @andrewseguin
+/src/e2e-app/test-util/**                          @jelbourn
 /src/e2e-app/toolbar/**                            @devversion
 /src/e2e-app/virtual-scroll/**                     @mmalerba
 

DEV_ENVIRONMENT.md

@@ -13,11 +13,11 @@
 To build Material in dev mode, run `gulp material:build`.
 To build Material in release mode, run `gulp material:build-release`
 
-To bring up a local server, run `gulp serve:devapp`. This will automatically watch for changes
+To bring up a local server, run `yarn dev-app`. This will automatically watch for changes
 and rebuild. The browser should refresh automatically when changes are made.
 
 ### Running tests
 
-To run unit tests, run `gulp test`.
-To run the e2e tests, run `gulp e2e`.
-To run lint, run `gulp lint`.
+To run unit tests, run `yarn test`.
+To run the e2e tests, run `yarn e2e`.
+To run lint, run `yarn lint`.

e2e/BUILD.bazel

@@ -15,9 +15,9 @@
     "postinstall": "ngc -p angular-tsconfig.json",
     "build": "gulp build-release-packages",
     "dev-app": "gulp serve:devapp",
-    "test": "bazel test //src/...",
+    "test": "bazel test //src/... --test_tag_filters=-e2e",
     "lint": "gulp lint",
-    "e2e": "bazel test //e2e/...",
+    "e2e": "bazel test //src/... --test_tag_filters=e2e",
     "deploy": "gulp deploy:devapp",
     "webdriver-manager": "webdriver-manager",
     "breaking-changes": "gulp breaking-changes",

e2e/index-e2e.spec.ts

@@ -27,8 +27,8 @@ sass_binary(
 )
 
 ng_test_library(
-  name = "dialog_test_sources",
-  srcs = glob(["**/*.spec.ts"]),
+  name = "unit_test_sources",
+  srcs = glob(["**/*.spec.ts"], exclude = ["**/*.e2e.spec.ts"]),
   deps = [
     "@npm//@angular/common",
     "@npm//@angular/platform-browser",
@@ -42,6 +42,6 @@ ng_test_library(
 
 ng_web_test_suite(
   name = "unit_tests",
-  deps = [":dialog_test_sources"]
+  deps = [":unit_test_sources"]
 )
 

e2e/tsconfig.json

@@ -21,8 +21,8 @@ ng_module(
 )
 
 ng_test_library(
-    name = "popover_edit_test_sources",
-    srcs = glob(["**/*.spec.ts"]),
+    name = "unit_test_sources",
+    srcs = glob(["**/*.spec.ts"], exclude = ["**/*.e2e.spec.ts"]),
     deps = [
         ":popover-edit",
         "@npm//@angular/common",
@@ -39,5 +39,5 @@ ng_test_library(
 
 ng_web_test_suite(
     name = "unit_tests",
-    deps = [":popover_edit_test_sources"],
+    deps = [":unit_test_sources"],
 )