angular-cn/integration
Kara Erickson b945bc3a9e test(ivy): pin deps on hello world size tests (#30152)
We recently had an unexpected size regression in the hello world
tests because the CLI devkit released an RC that regressed us and
the dependencies were not pinned. This change ensures that we only
update dependencies like devkit deliberately, so we do not have
mysterious breakages caused by other packages.

PR Close #30152
2019-04-26 12:34:10 -07:00
..
bazel fix(bazel): Exclude common/upgrade* in metadata.tsconfig.json (#30133) 2019-04-26 11:07:34 -07:00
bazel-schematics fix(bazel): Exclude common/upgrade* in metadata.tsconfig.json (#30133) 2019-04-26 11:07:34 -07:00
cli-hello-world test(ivy): pin deps on hello world size tests (#30152) 2019-04-26 12:34:10 -07:00
cli-hello-world-ivy-compat test(ivy): pin deps on hello world size tests (#30152) 2019-04-26 12:34:10 -07:00
cli-hello-world-ivy-minimal test(ivy): pin deps on hello world size tests (#30152) 2019-04-26 12:34:10 -07:00
dynamic-compiler build: update to TypeScript 3.4 (#29372) 2019-04-10 12:12:16 -07:00
hello_world__closure ci: pin ChromeDriver to a version compatible with docker image's Chrome (#28494) 2019-02-01 20:22:03 -05:00
hello_world__systemjs_umd ci: pin ChromeDriver to a version compatible with docker image's Chrome (#28494) 2019-02-01 20:22:03 -05:00
i18n ci: pin ChromeDriver to a version compatible with docker image's Chrome (#28494) 2019-02-01 20:22:03 -05:00
injectable-def build: hide @angular/http for Angular v8 (#29550) 2019-04-02 10:55:31 -07:00
language_service_plugin test(language-service): Add tests for quickinfo and definition (#29990) 2019-04-19 19:28:46 -07:00
ng_elements ci: pin ChromeDriver to a version compatible with docker image's Chrome (#28494) 2019-02-01 20:22:03 -05:00
ng_update build: hide @angular/http for Angular v8 (#29550) 2019-04-02 10:55:31 -07:00
ngcc refactor(ivy): use ɵɵ instead of Δ for now (#29850) 2019-04-11 16:27:56 -07:00
platform-server build: hide @angular/http for Angular v8 (#29550) 2019-04-02 10:55:31 -07:00
service-worker-schema test(service-worker): verify that `config/schema.json` is published to npm (#27859) 2019-03-05 16:48:26 -08:00
terser feat(compiler-cli): export tooling definitions (#29929) 2019-04-17 17:23:01 -07:00
typings_test_ts34 build: update to TypeScript 3.4 (#29372) 2019-04-10 12:12:16 -07:00
.gitignore ci: Add back the CLI integration test with pinning (#21555) 2018-01-25 22:18:55 -08:00
README.md build: update render3 section of integration test readme (#28372) 2019-02-07 12:36:51 -08:00
_payload-limits.json test(ivy): pin deps on hello world size tests (#30152) 2019-04-26 12:34:10 -07:00
get-sharded-tests.js build: shard integration tests on circleci (#27937) 2019-01-07 15:35:09 -08:00
run_tests.sh ci: do not install firebase-tools without cache (#28615) 2019-02-08 10:23:19 -08:00

README.md

Integration tests for Angular

This directory contains end-to-end tests for Angular. Each directory is a self-contained application that exactly mimics how a user might expect Angular to work, so they allow high-fidelity reproductions of real-world issues.

For this to work, we first build the Angular distribution just like we would publish it to npm, then install the distribution into each app.

To test Angular CLI applications, we use the integration test cli-hello-world. When a significant change is released in the CLI, the application should be updated with ng update:

$ cd integration/cli-hello-world
$ yarn install
$ yarn ng update @angular/cli @angular-devkit/build-angular
# yarn build
# yarn test
# typescript version

Render3 tests

The directory cli-hello-world-ivy-compat contains a test for render3 used with the angular cli.

The cli-hello-world-ivy-minimal contains a minimal ivy app that is meant to mimic the bazel equivalent in packages/core/test/bundling/hello_world, and should be kept similar.

Writing an integration test

The API for each test is:

  • Each sub-directory here is an integration test
  • Each test should have a package.json file
  • The test runner will run yarn and yarn test on the package

This means that the test should be started by test script, like

"scripts": {"test": "runProgramA && assertResultIsGood"}

Note that the package.json file uses a special file://../../dist scheme to reference the Angular packages, so that the locally-built Angular is installed into the test app.

Also, beware of floating (non-locked) dependencies. If in doubt you can install the package directly from file:../../node_modules.

Running integration tests

$ ./integration/run_tests.sh

The test runner will first re-build any stale npm packages, then cd into each subdirectory to execute the test.